﻿@media screen and (min-width: 900px){
img{
max-width: 1024px;
height: auto;
width /***/:auto;　
}

/*---------------------------------
   全体構造
---------------------------------*/

#container{
  max-width: 1024px; /* 最大横幅 */
  margin: 0 auto;
  text-align: center;
  word-break: break-all;
  padding: 0px;
}

#header{
	width: 100%;
	height:250px;
	padding-top: 0px;
  text-align:center;
    background: url("http://www.atleone.com/img/kanban.png");	
    background-repeat  : no-repeat;
}

#main{
	margin-top: 0px;
  padding-left:35px;
}

#main_left{
	width: 25%;
	float: left;
	padding: 0px;
	text-align: center;
}

#main_right{
	width: 70%;
	float: left;
	padding: 0px;
	text-align: center;
}

#footer{
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-top: 20px;
}

/*--見出し--*/

#midasi{
  padding-top:45px;
  padding-left:0px;
  font-size:0px;
  font-weight:bold;
  font-family:Gulim;
  line-height:130%;
  color:#808080;
}

#bana{
  padding-top:110px;
  padding-left:800px;
  font-family:Gulim;
  line-height:100%;
  color:#808080;
}

/*スライドショー*/

#gallery{
    width: 700px;
    height : 280px;
    }

/*---------------------------------
   部分別
---------------------------------*/

/*--ヘッダー--*/

#header_midasi{
  padding-top:50px;
  padding-left:0px;
  font-size:20px;
  font-weight:bold;
  font-family:Gulim;
  line-height:130%;
  color:#808080;
}

#header_cart{
	width: 60%;
	float: left;
	padding-top: 4px;
	text-align: right;
}

#header_annai{
	width: 60%;
	float: left;
	text-align: left;
	padding-top: 4px;
}

#header_search{
	width: 40%;
	float: left;
	text-align: right;
}

#header_ninsho{
	text-align: center;
	margin-top: 6px;
}


/*--現在のカートの中--*/

#naka{
	margin-top: 15px;
}

#naka_midasi{
	text-align: center;
	padding: 4px;
}

#naka_main{
	text-align: right;
	padding: 4px;
}

#goukei{
	width: 100%;
}

#total{
	width: 67px;
	float: left;
	text-align: left;
	padding: 4px;
}

#yen{
	width: 67px;
	float: left;
	text-align: right;
	padding: 4px;
}

/*--テーブル(商品カテゴリ、検索、会員専用)--*/

.tb_waku{
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #FFA555;
	width: 200px;
}

.tb_midasi{
	text-align: center;
	font-size:13px;
	background-color: #FEF1D8;
	padding: 2px;
	width: 196px;
}

.tb_main{
	background-color: #FFFFFF;
	text-align: left;
	padding: 4px;
	width: 192px;
}

/*--検索--*/

#kensaku{
	margin-top: 14px;
}

/*--会員専用--*/

#kaiin{
	margin-top: 14px;
}

#kaiin_tb input{
	margin-bottom: 4px;
}

/*--通信販売法表記--*/

#hoki{
	margin-top: 14px;
	padding: 4px;
	border-style: solid;
	border-width: 1px;
	border-color: #BDD5B3;
	width: 190px;
	background-color: #E6EFE2;
	text-align: left;
	font-size:12px;
}

.mark{
	font-size: 8px;
	color: #789880;
}

/*--検索--*/

#kensaku{
	width: 150px;
	text-align: center;
}

/*--トップの帯--*/

.obi{
	font-weight: bold;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #FFA555;
	background-color: #FEF1D8;
	margin: 0px auto 0px auto;
	padding: 1px;
}

.obi2{
	text-align: center;
	background-color: #FEF1D8;
	border-style: solid;
	border-width: 1px;
	border-color: #FFA555;
	width: 230px;
	margin: 0px auto 0px auto;
	padding: 1px;
}

/* テーブルの枠 */

.waku{
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
}

.waku2{
	border-style: solid;
	border-width: 1px;
	border-color: #BDD5B3;
}

/*-- カートの表 --*/

.tb{ 
	border: 1px solid #999999;
	border-collapse: collapse;
}
.tb td{
	border: 1px solid #999999;
	border-collapse: collapse;
}

/*-- ボタン --*/

.btn{
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	background-color: #F7F7F7;
}

/*--パンくず--*/

#pan{
	width: 512px;
	text-align: left;
	margin: 0px auto 15px auto;
}


/*---------------------------------
   ページ別
---------------------------------*/

/*-- カート画面 --*/

#box_kosu{
	width: 512px;
	text-align: left;
	margin: 15px auto 25px auto;
}

#box_coupon{
	width: 512px;
	text-align: left;
	margin: 0px auto 25px auto;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	padding: 4px;
}

#tb_coupon{
	margin: 4px 0px 4px 0px;
}

.btn_r{
	border-style: solid;
	border-color: #428418;
	border-width: 1px;
	background-color: #6bad42;
	font-weight: bold;
	color: #ffffff;
	width: 150px;
}

.in{
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	background-color: #ffffff;
}

#tb_tuzukeru{
	margin-top: 4px;
}

/*-- ログイン画面 --*/

.pad_login{
	padding: 20px 0px 20px 0px;
}

#error_box_login{
	padding-left: 18px;
	text-align: left;
	color: #ff0000;
}

/*-- お客様情報入力画面 --*/

#box_nyuryoku{
	margin-top: 20px;
	margin-bottom: 10px;
}

/*-- 確認画面 --*/

#box_naiyou{
	text-align: left;
	width: 512px;
	margin: 0px auto 10px auto;
}

/*-- 終了画面 --*/

#thanks_box{
	width: 512px;
	text-align: center;
	margin: 0px auto;
}

/*-- 検索結果 --*/

#box_kensaku{
	width: 512px;
	text-align: left;
	margin: 0px auto 15px auto;
}

/*---------------------------------
   カレンダー
---------------------------------*/

.w{
	background-color:#CCCCCC; /* 曜日の部分の背景色 */
	color:;                   /* 曜日の部分の文字色 */
}

.moji1{
	font-size:12px;
}

.tbl{
	border:1px solid #999999; /* 枠の色 */
	border-collapse:collapse;
}

.tbl td{ 
	border:1px solid #999999;   /* 枠の色 */
	border-collapse:collapse; 
	font-family:Verdana;        /* 日付と曜日のフォント */
	font-size:12px;             /* 日付と曜日の文字の大きさ */
}

.e{
	color: #000000;            /* 営業日の文字色 */
	background-color: #FFFFFF; /* 営業日の背景色 */
}

.k{
	color: #CC0066;            /* 休日の文字色 */
	background-color: #E2C7E2; /* 休日の背景色 */
}

.st{
	color: #000099;            /* 土曜日の部分の文字色 */
}

/*---------------------------------
   共通(フォント等)
---------------------------------*/

body{
	margin: 0px;
	padding: 0px;
	background: url("http://www.atleone.com/img/bg.png") repeat fixed;
	background-size: cover;
 	color:#000000;
	font-size: 13px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック";
	line-height: 1.3;
	background-size: cover;
}

td{
	font-size: 13px;
	line-height:110%;
	vertical-align: top;
}

a{
	color: #666666
}

a:link{
  color:#414141;
  text-decoration: none;
}
a:visited{
  color:#414141;
  text-decoration: none;
}
a:hover{
  color:#c0c0c0;
  text-decoration: none;
}
a:active{
  color:#414141;
  text-decoration: none;
}

.pad{
	padding: 4px;
}

.noline{
	border: none;
}

.noline td{
	border: none;
}


.cl{
	width: 100%;
}

.cl:after {
	content: ""; 
	display: block; 
 	clear: both;
}


.center{
	text-align: center;
}

.tbcenter{
	margin: 0px auto;
}

.box{
	width: 512px;
	margin: 0px auto 3px auto;
	padding-left: 3px;
	text-align: left;
}

.box2{
	width: 540px;
	margin: 0px auto 10px auto;
	padding-left: 3px;
	text-align: left;
}

#cartnavi{
	margin-bottom: 10px;
}

#error_box{
	width: 512px;
	margin: 0px auto 3px auto;
	padding-left: 3px;
	text-align: left;
	color: #ff0000;
}

#error{
	color: #ff0000;
}


form{
	margin: 0px;
}

p.left {text-align: left; }
p.center {text-align: center; }
p.right {text-align: right; }
p.text {text-align: justify; text-justify: distribute-all-lines; }

table.main {width: 80%; background-color: #;}

#text div {background-color:#ccccff; margin:4px;}
.rei {font-size:60px;}
.oya {font-size:30px; background-color:#ccffcc;}
.text1 {font-size:12px; background-color:#ffccff; vertical-align:baseline;}
.text2 {font-size:13px; background-color:#; vertical-align:top; width:180px;}
.text3 {font-size:12px; background-color:#ffccff; vertical-align:middle;}
.text4 {font-size:12px; background-color:#ffccff; vertical-align:bottom;}
.text5 {font-size:12px; background-color:#ffccff; vertical-align:text-top;}
.text6 {font-size:12px; background-color:#ffccff; vertical-align:text-bottom;}
.text7 {font-size:12px; background-color:#ffccff; vertical-align:super;}
.text8 {font-size:12px; background-color:#ffccff; vertical-align:sub;}

