@charset "UTF-8";


/* ----  body ----*/



body {
	text-align:center;
	font-family: "Arial", "メイリオ";
	color:#555;
	line-height:2em;
	overflow-x:hidden;
	font-size:16px;
	background:#FFF;
}

strong{
	font-weight:bold;
}

a{
	color:#2E3192;
    text-decoration:none;
}

a:hover{
   text-decoration:underline;
}

a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}

header{
	background: url(../images/bg_header.gif);
    width:100%;
    height:125px;
    position:relative;
    margin-bottom:50px;
}

h1#logo{
	width:222px;
    height:62px;
    position:absolute;
    top:30px;
    left:50px;
}
nav{
    position: absolute;
    width: 600x;
    height: 40px;
    top: 44px;
    right: 20px;
}
nav ul{
display:inline;
}
nav ul li{
	display:inline;
}
nav ul li a{
	padding:15px;
    color:#555;   
}




article{
width:1000px;
margin:0px auto 120px;  
}
article p{
margin-bottom:25px;
}


body#top .goods_wrap{
width:315x;
height:400px;
margin:0px auto 30px;
padding:10px;
float:left;
}

body#top .goods_wrap .image{
margin-bottom:10px;
}
body#top .goods_wrap h2{
line-height:1.7em;
}

body#top .goods_wrap img{
width:300px;
height:auto;
}

body#top .goods_wrap .price{
color:#FF0408;
}
body#top .read{
margin-bottom:40px;
}


/*_________商品詳細ページ ________*/

body#detail h2{
font-size:24px;
 font-weight:bold;
 margin-bottom:15px;
  line-height:2.2em;
}
body#detail #copy{
font-size:16px;
font-weight:bold;
padding:20px;
border-top:1px dotted #666;
border-bottom:1px dotted #666;
}
body#detail .price{
font-size:20px;
font-weight:bold;
color:#FF0408;
}
body#detail .order{
margin-bottom:10px;
}
body#detail .order_ex{
margin-bottom:40px;
}
body#detail .ingredient{
font-size:14px;
background:#EEE;
padding:15px;
text-align:left;
}
body#detail .text{
font-size:14px;
text-align:left;
}
body#detail .kind{
font-weight:bold;
text-align:left;
}
body#detail .ex{
font-size:12px;
text-align:left;
line-height:1.8em;
}

/*_________その他のページベース ________*/

body#other h2{
font-size:24px;
font-weight:bold;
margin-bottom:35px;
line-height:2.2em;
}

body#other .text{
text-align:left;
}
/*_________特定商取引 ________*/

body#other #law{
width:900px;
}
body#other #law th{
width:200px;
padding:15px 10px;
font-weight:bold;
text-align:left;
border-bottom:1px solid #CCC;
}
body#other #law td{
padding:15px 10px;
text-align:left;
border-bottom:1px solid #CCC;
}



/*_________プライバシーポリシー ________*/

body.privacy h3{
text-align:left;
font-weight:bold;
}


/*_________お買い物ガイド ________*/

body.guide article{
width:800px;
}
body.guide .read{
}
body.guide h3{
text-align:left;
font-weight:bold;
}
body.guide .textarea{
text-align:left;
padding:15px 25px;
border:1px solid #CCC;
}


/*_________メールフォーム ________*/

body.order .read{

}
body.order .thanks{
padding:50px 0px 100px;
}


footer{
	background: url(../images/bg_bottom.jpg) repeat-x center bottom;
	width:100%;
	margin:0px auto;
}
footer #links{
	margin-bottom:50px;
}
footer #links li{
	display:inline;
}
footer #links li a{
	padding:15px;
    color:#808080;
}

#copyright{
	font-size:12px;
	padding:25px;
	color:#CCC;
}



/*_________ページトップ ________*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 120%;
}
#page-top a {
	background: #F29600;
	text-decoration: none;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	display: block;
	border-radius: 5px;
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#page-top a:hover {
	text-decoration: none;
	background:#FFF131;
}