@charset "utf-8";
/*
Theme Name: theme298
Theme URI: http://theme.o2gp.com/
Description: theme298
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: food

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 12px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#676767; background-color: #ffffff; }
}

* {
zoom: 1;
} 


a{color: #467802; text-decoration:none;}
a:hover{color:#6ea523;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}

li{color: #4169e1;}

/*************
全体
*************/
#wrapper{
width: 1210px;
margin: 0 auto;
}
#content{
margin: 0 auto;
}

/*************
/* ヘッダー
*************/
#head_copy {
margin: 0 0;
padding: 5px 0 0 0;
height: 3px;
}
#head_copy h1 {
display: block;
width: 1210px;
margin: 0 auto;
font-size: 12px;
font-weight: normal;
}

#header{
height: 60px;
margin: 0 auto;
width: 1210px;
background: url(images/header.png) no-repeat;
background-position: right 20px;
}
#header img { margin-top: 0px; }

/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 0 0 1px;
width: 1210px;
height: 60px;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
text-indent: -9999px;
text-decoration: none;
display: block;
width: 130px;
height: 60px;
background:url(http://www.mars16.com/wp-content/uploads/2015/02/nav2.png) no-repeat;
}

ul#topnav a#nav_01{background-position:0 0;}
ul#topnav a#nav_02{background-position:-130px 0;}
ul#topnav a#nav_03{background-position:-260px 0;}
ul#topnav a#nav_04{background-position:-390px 0;}
ul#topnav a#nav_05{background-position:-520px 0;}
ul#topnav a#nav_06{background-position:-650px 0;}
ul#topnav a#nav_07{background-position:-780px 0;}
ul#topnav a#nav_08{background-position:-910px 0;}
ul#topnav a#nav_09{background-position:-1040px 0;}

ul#topnav a:hover{
opacity:0.7;
filter:alpha(opacity=70);
}


/*************
メインビジュアル
*************/
#main_img{
width: 917px;
height: 260px;
background: url(images/mainbanner.jpg) no-repeat top center;
}

/*************
メイン（右側）コンテンツ
*************/
#main {
float: right;
width: 915px;
padding: 10px 12px 15px 15px;
display: inline;
background: url(images/main_bg.png); background-repeat: no-repeat; background-position:left top ;
}

#main2 {
float: right;
width: 850px;
padding: 10px 32px 15px 60px;
display: inline;
background: url(images/main_bg.png); background-repeat: no-repeat; background-position:left top ;
}

#main ul {
line-height: 140%;
font-weight: normal;
list-style: none;
}

#main ul li{
color: #333;
font-size: 11px;
}

.kotei {
line-height: 160%;
font-weight: normal;
letter-spacing: 1px;
color: #ff0000;
padding: 10px 10px 10px 30px;
}


#main .bannerM {
padding: 4px 0;
margin: 0 0 5px;
overflow:auto;
clear:both;
}
#main .bannerM dl {
width: 180px;
float:left;
padding: 0 0 0 3px;
}

#main .bannerM .line{
background: url(images/border.gif) no-repeat center right;
}

#main .bannerM .last{
padding: 0 0 0 3px;
}

#main .bannerM dt{
width: 174px;
}

#main .bannerM dd img{
padding-bottom: 10px;
}

#main .bannerM dd h4{
font-size: 12px;
font-weight: bold;
line-height: 1.2em;
padding: 0 10px 0 5px;
}

#main .bannerM dd p{
font-size: 12px;
padding:3px 8px 3px 5px;
}
#main .bannerM dt{
width: 109px;
padding-left:33px;
}

#main h2{
display: block;
margin: 15px 0 8px;
padding: 0 15px 0 0px;
line-height: 1.2em;
font-size: 24px;
font-weight: bolder;
font-family: Meiryo,Hiragino Kaku Gothic Pro ,sans-serif;
color: #353535;
text-shadow: silver 2px 2px 2px;
}

#main h3 {
display: block;
font-size: 14px;
background: url(images/h3.gif) no-repeat ;
margin: 20px 0 10px;
padding: 0 15px 0 28px;
line-height: 36px;
font-weight: normal;
height: 34px;
border-right: #c5c0b9 1px solid;
}

.sidebar h3 {
display: block;
font-size: 14px;
margin: 20px 0 10px;
padding: 0 15px 0 28px;
line-height: 36px;
font-weight: normal;
height: 34px;
}


#main h4 {
display: block;
font-size: 16px;
line-height: 1.2em;
margin: 8px 0 8px;
font-weight: bold;
}

#main2 h4 {
display: block;
font-size: 18px;
line-height: 1.2em;
margin: 28px 0 8px;
font-weight: bold;
}

#main h5 {
display: block;
font-size: 16px;
line-height: 1.2em;
margin: 15px 0 8px;
font-weight: normal;
}

.pagetitle{
display: block;
font-size: 16px;
line-height: 1.2em;
margin: 15px 0 20px -20px;
font-weight: normal;
width: 850px; /* ボックスの横幅 */ 
padding: 10px 10px 10px 10px; /* ボックス内の余白 */ 
background-color: #eee; /* 背景色 */ 
}

/* 画像を右に回りこみ */
#main p.withImage{
width: 917px;
margin: 20px 0;
padding: 5px 0;
}

#main p.withImage img{
float: right;
margin-left: 20px;
}

#main p{
padding:10 0 10px;
line-height: 1.7em;
text-align: left;
}

#date {
	text-align: right;
	padding: 5px 15px 3px 0;
	font-weight:normal;
	color:#696969;
}

#date a {
	text-align: right;
	font-weight:normal;
	color:#696969;
text-decoration:underline;
}


#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}

/*注目の新着*/
.boxContainer{
	width:918px;
	margin:0 auto 20px;
}
/* 画像を右に回りこみ */
.boxContainer img{
	float: right;
	margin: 0 0 10px 0px;
}

/*新着一覧*/
#mainlist ul{
display: block;
margin: 0 0 20px;
}
#mainlist li{
font-size: 14px;
list-style: square;
list-style-position: inside;
line-height: 140%;
padding: 10px 10px 10px 20px;
border-bottom: #cacdc2 1px solid;
list-style-image: url(http://www.mars16.com/wp-content/themes/theme298/images/list-item.gif); 
}

#main a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
}

/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 265px;
padding: 10px 0 15px;
}

#sidebar p{margin-bottom: 5px;}

#sidebar ul{
margin: 0 0 5px;
}

#sidebar h2 {
display: block;
height: 34px;
padding: 7px 10px 0 28px;
line-height: 160%;
font-size: 14px;
font-weight: normal;
background: url(images/heading2.gif) no-repeat;
margin-top: 5px;
}


#sidebar li{
list-style: square;
list-style-position: inside;
line-height: 140%;
padding:5px 10px;
border-bottom: #cacdc2 1px solid;
list-style-image: url(http://www.mars16.com/wp-content/themes/theme298/images/list-item.gif);
}

#sidebar a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
}


/*************
/* フッター
*************/
#footer{
clear:both;
width: 100%;
margin: 0 auto;
padding: 20px 0 0;
border-top: #cacdc2 1px solid;
background-color: #eee;
}

#footer .inner{
width: 1210px;
margin: 0 auto;
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer ul{margin-left: 20px;}
#footer li{
padding: 0 0 5px 5px;
list-style: square;
list-style-position: inside;
list-style-image: url(http://www.mars16.com/wp-content/themes/theme298/images/list-item.gif);
}

.box{
float: left;
width: 235px;
margin: 0 5px 0 0;
line-height: 1.2;
}


.last{margin-right:0;}

address{
padding: 10px 0;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

/*************
/*検索窓
*************/
#searchform div {
padding: 3px 0 3px 10px;
}

/*************
/*スライドバナー
*************/
#banner {

	overflow: hidden;
	width:917px;
	margin-bottom: 5px;
}
#banner ul {
	list-style: none;
	width: 3668px;
}
#banner ul li {
	float: left;
	width: 917px;
}
#banner ul li img {
	vertical-align: bottom;
}


.twtr-hd {
	display: none; /*ヘッダー非表示*/
	}
.twtr-ft{
	display:none; /*フッター非表示*/
	}
.twtr-tweet{
	border-top:1px dashed #888 !important; /*ツイート間の区切り線*/
	}
.twtr-tweet-text{ /*本文のみフォント変更*/
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif !important;
	}
.twtr-tweet-text a:hover{ /*本文のリンクホバー*/
	color:#8bc !important;  /*フォント色*/
	text-decoration:none !important; /*下線をなしに*/
	}

.twtr-avatar{
	width:40px;
	height:40px;
	float:left;
	overflow:hidden;
	display:block;
	}

hr {
margin: 10px auto;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}



#topimage {
	float: left;
	width: 495px;
}

.item_comment {
	font-size: 11px;
	padding: 15px 10px 0px 0px;
}

.item_comment2 {
	font-size: 11px;
	padding: 5px 90px 5px 0px;
}

.wtf {
padding: 10px;
}

#wtf_banner {
	float: left;
	width: 280px;
}

#topimage ul {
	list-style-type: none;
}

ul.thumbs li {
	margin-top: 2px;
	margin-bottom: 2px;
}

.itemname {
	font-size: 16px;
	line-height: 1.2em;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}




#item_spec {
	width: 380px;
	float: left;
	margin-left: 20px;
	text-align: left;
}

#item_spec table{
border:1px solid #ccc !important; 
background-color: #eeeeee; /* 背景色 */ 
}



.spec1 {padding:45px 20px 20px 40px;
width: 290px;
margin: 10px 0px 10px 10px;
background: url(images/specback.jpg); background-repeat: no-repeat; background-position:left top ;
	color: #643e02 !important;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
    box-shadow: 3px 3px 3px rgba(0,0,0,0.9);
    -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.9);
    -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.9);
}

#main .spec1 li{list-style-type: disc!important;}

#spec2 {margin:30px auto;
	list-style-image: url(http://www.mars16.com/wp-content/themes/theme298/images/list-item.gif);
}

#spec2 li{padding:5px 10px 5px 10px;
	display: block;
	width: 280px;
	color: #aaeeaa !important;
	float: left;
}

#spec2 a:visited{
	color: #696969!important;
}


item_comment ul{
	font-color: #cccccc !important;
	list-style-image: url(http://www.mars16.com/wp-content/themes/theme298/images/list-item.gif); }


#topimage .gallery {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-right: 10px;
	margin-bottom: 10px;
}

#item_spec .itemprice {
	line-height:140%;
	font-size: 16px;
	font-weight: bold;
	color: #900;
	margin-top: 0px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 10px;
	text-align:left;
}

#item_spec table{
	text-align:left;
}

#item_spec .itemban{
	font-size: 18px;
	font-weight: bold;
	color: #900;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 30px;
	text-align:right;
}


.waku_gray { 
width: 850px; /* ボックスの横幅 */ 
padding: 60px 16px 20px 16px; /* ボックス内の余白 */ 
margin:  10px 10px 20px 0px;
line-height: 1.7em;
background: url(images/grayback.png) no-repeat top center;
background-color: #eeeeee; /* 背景色 */ 
} 

.waku_gray_normal { 
width: 850px; /* ボックスの横幅 */ 
padding: 15px 16px 20px 16px; /* ボックス内の余白 */ 
margin:  10px 10px 20px 0px;
line-height: 1.7em;
background-color: #eeeeee; /* 背景色 */ 
}

.waku_gray_cat { 
width: 850px; /* ボックスの横幅 */ 
padding: 15px 16px 20px 16px; /* ボックス内の余白 */ 
margin:  10px 10px 20px 15px;
line-height: 1.7em;
background-color: #eeeeee; /* 背景色 */ 
}  

.waku_gray h4 { 
color: #003366;
margin: 8px 0 0 10px;
} 


.red{
	color: #ff0000;
}

.text12 {
	font-size: 12px;
	font-family: Osaka,MS UI Gothic;
	color: black;
	margin-top: 5px;
	margin-bottom: 5px;
}
Inherited from table


table.table011 {
	margin-top: 30px;
	margin-bottom: 10px;
	width: 700px;
	font-size: 100%;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	margin-right: auto;
	margin-left: 50px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

table.table011 caption {
	margin-top: 1em;
	text-align: left;
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 0.6em;
}

table.table011 th,
table.table011 td {
	padding: 4px 6px;
}

table.table011 tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

table.table011 th {
	background: #ffffff;
	text-align: left;
	white-space: nowrap;
	color: #666;
	vertical-align: top;
	vertical-align: top;
}

table.table011 td.course {
	text-align: left;
	font-size: 100%;
	font-weight: bolder;
}

table.table011 td.time,
table.table011 td.fee {
	text-align: left;
	white-space: nowrap;
}

caption{
	text-align: left;
	margin-top: 10px;
}

.koteimain{
padding:5px 0px 10px 15px;
}

.right{
text-align: right; 
margin:10px;
}

/*▼ソーシャルボタン*/
#social_box{
	background:none;
	width:60px;
	padding:15px;
	margin-left:-100px;
	text-align:center;
	position:fixed;//画面をスクロールしても常に表示
	top:230px;
	list-style-type:none;
}
/*▲ソーシャルボタン*/

#main2 .alignleft{
text-align: left;
margin: 0px 30px 0px 0px;
	float: left;
	padding: 0px;
}

.alignleft{
text-align: left;
margin: 0px 10px 10px 0px;
	float: left;
	padding: 5px;
}

div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

ul,li{ padding:0;margin:0; }
.rollover {
    height:295px;
    width:480px;
    margin:10px 0;
}
.rollover p {
    float:left;
    margin:0;
    position:relative;
}
.rollover .rollover_view {
    position:absolute;
    top:0;
    left:0;
}
.rollover ul {
    float:right;
    width:70px;
    list-style:none;
}
.rollover li {
    height:50px;
}
.rollover a img {
    border:0;
}

.archive_content{
font-size: 14px;
padding: 10px 30px 0px 10px;
}


.gallery {margin:10px 0px 10px 10px;}
.gallery-item {width: 175px; float: left; margin-bottom: 2px; margin-left: 2px;}
.gallery-icon {}
.gallery-caption {padding: 5px;}

.wtfchamp{
text-align: center;
padding-left:10px;
padding-top:10px;
}

.wtfchamp ul{
padding-top:10px;
width:900px;
text-align: left;
list-style-image: url(http://www.mars16.com/wp-content/themes/theme298/images/trophy.png); 
}

.wtfchamp li{
float:left;
margin-right:10px;
margin-left:40px;
margin-bottom:20px;
background-color:#ffffff;
width:165px;
text-align: left;
line-height: 120%;

}


.indexh2{
display: block;
margin: 15px 0 8px;
padding: 0 15px 0 0px;
line-height: 1.2em;
font-size: 24px;
font-weight: bolder;
font-family: Meiryo,Hiragino Kaku Gothic Pro ,sans-serif;
color: #353535;
text-shadow: silver 2px 2px 2px;
}

.center{
width: 900px;
margin-left:auto;
margin-right:auto;
text-align: center;
}

.left_reco{
float: left;
text-align:center;
font-size:100%;
margin-right:40px;
margin-bottom:20px;
}



.brandname{
font-size: 22px!important;
color: #800000;
margin: 0px;
}

.yarpp-related{
clear: both;
margin-top: 20px;
margin-bottom: 20px;
}

#related-post{
    width: 900px;
}
#related-post h4{
    font-size: 110%;
    margin-top: 20px;
    margin-bottom: 5px;
    padding-left: 10px;
}

#related-post ul li a{
    display: block;
    width: 200px;
height:200px;
     padding: 0px 10px 0px 10px; 
    float: left;
}

#related-post ul li a:hover{
    background-color: #EEEEEE;
}


#allcatlist{
width: 860px; /* ボックスの横幅 */
}

#allcatlist ul{
margin: 0px 0px 10px 0px!important; 
}

#allcatlist ul li a{
    font-size: 120%;
     padding: 5px 10px 5px 10px; 
    float: left;
text-decoration:underline;
}

#allcatlist ul li a:hover{
    background-color: #EEEEEE;
}

.wp-pagenavi{margin-left:-20px!important;}

.wp-pagenavi span.current {
	font-weight: bold;
background-color: #eeeeee;
}

.wtfn｛
	width: 900px!important;
	font-size:14px!important;
｝

.font14px｛
	font-size:14px!important;
｝

.wtfn #wtcontainer {
	width: 900px!important;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#wtheader {
	background-image: url(http://www.mars16.com/wp-content/uploads/2013/06/wtfntopimage.jpg);
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 20px;
	height: 542px;
	background-repeat: no-repeat;
	background-position: center top;
margin-bottom: 10px;
}
#wtheader h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 10px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
}
#wtmainContent {
	padding: 0 20px; /* 余白は div ボックスの内側のスペース、マージンは div ボックスの外側のスペースです */
	background: #FFFFFF;
	line-height: 1.6em;
}
#wtcontainer #accessleft {
	float: left;
	width: 480px;
font-size:14px!important;
line-height: 1.6em!important;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#wtcontainer #accessright {
	float: right;
	width: 300px;
	margin-right: 20px;
	margin-left: 20px;
}

.wtfbrand{
	font-size: 12px!important;
	float: left;
	width: 250px;
	display: block;
	list-style-type: none;
	list-style-position: inside;
	margin: 8px 15px;}
.titlelarge{
	color: #ffffff;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #c32548;
	font-size: 18px;
margin: 10px 0px 20px 0px;
}
.titlesmall {
	color: #C32548;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 24px;
line-height:1.4em!important;
}

.bnimg {
	color: #ffffff;
	text-align: left;
	float: left;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}