/*
Theme Name: Giber.or.jp
Theme URI: 
Author: ailylab
Author URI: http://www.aily-lab.co.jp
Description:
Version: 1.1
*/

@charset "UTF-8";

@import "css/normalize.css";/* normalize*/

/* index
1.Setting
2.Layout
3.Header,Navi 
4.Main
5.Footer
6.Sidebar
7.blog
*/

/****************************************
          1.Setting
*****************************************/
body{
	font-family:"メイリオ","ＭＳ Ｐゴシック","MS PGothic",'Meiryo',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Arial,Sans-Serif;
	font-size:16px;
	color:#585858;
	background: #fff;
	line-height:1.5em;
	letter-spacing:1.0pt;
}
a,a:visited {
	color:#00863C;
	text-decoration: underline;
}
a:hover,a:active{
	color: #cea600;
	text-decoration: underline;
}

img{
	display:block;
}
/* Micro clearfix */
.cf {zoom: 1;}
.cf:before, .cf:after { content: ""; display:block; overflow:hidden; }
.cf:after { clear: both; }
.clear{clear:both;}

.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}

a.link_button{
	display:block;
	padding:15px;
	letter-spacing:1.6pt;
	text-align:center;
	border:#A92828 1px solid;
	text-decoration:none;
	font-weight:bold;
	max-width: 30%;
	margin:20px auto;
	color:#A92828;
}
a.link_button:hover{
	background:#A92828;
	color:#fff;
}
#document a.link_button{
	max-width:70%!important;
}
.box_flex{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.divcenter{
	width:90%;
	margin:0 auto;
	border:1px solid #000;
}
/****************************************
		2. Layout 
*****************************************/
#wrapper{
	width:960px;
	margin:0px auto;
	height:auto;
	overflow:hidden;
	margin-bottom:50px;
}
#main{width:660px;float:left;}
#post,#archive,#member-list{width:960px;}

#banner{
	bottom: 0;
	position: fixed;
	right: 0;
	width: 175px;
	padding:10px 0;
}
#banner ul,#banner li{
	margin:0;
	padding:0;
}
#banner li{
	list-style:none;
	margin-bottom:10px;
}
#banner li:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;	
}
#banner img{width:175px;margin:0;}

/****************************************
		3. header,navi 
*****************************************/
#menu{display:none;}
#header{
	margin:10px auto;
	overflow:hidden;
	width:960px;
}
#header_logo{float:left;}
#header_r{
	width:610px;
	float:right;
}
ul#header_navi{
	margin:10px 0px 0px 0px;
	padding:0px;
	float:right
}
ul#header_navi li{
	float:left;
	list-style:none;
	margin-left:15px;
}

#header h1 {
	margin:0px 0px 0px 0px;
	padding:0px;
}

#gnavi{
	clear:both;
	height:54px;
	border-bottom:#EDEDED 5px solid;
	margin-bottom:10px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#gnavi ul{
	width:960px;
	margin:0px auto;
	padding:0px;
}
#gnavi ul li{
	float:left;
	list-style:none;
	margin:0px;
}
#gnavi ul li img{
	width:120px;
}


#m_header{display:none;}

/****************************************
		4.Contents
*****************************************/
/**base**/
#contents{
	margin-top:0px;
}
#contents_top{
	clear:both;
	padding-top:40px;
}

#contents h2,#post h2,#archive h2{
	background:url(images/contents/h2_bg.jpg);
	font-size:24px;
	padding: 15px 9px;
	color:#fff;
	margin:40px 0px 10px;
	clear:both;
	letter-spacing:0pt;
	text-align:center;
}
#contents_top h2{
	background:url(images/contents/h2_bg.jpg);
	font-size:24px;
	padding: 15px 9px;
	color:#fff;
	margin:0px 0px 10px;
	clear:both;
	letter-spacing:0pt;
}

#contents h3{
	border-top :2px dotted #999999;
	border-bottom :2px dotted #999999;
	font-size:22px;
	text-indent:15px;
	padding:10px 0px;
	margin:40px 0px 10px;
	clear:both;
	letter-spacing:0pt;
	text-align:center;
}
#contents_top h3{
	width:700px;
	background:url(images/contents/h3_bg.gif) no-repeat;
	font-size:22px;
	text-indent:15px;
	padding:12px 0px;
	margin:10px 0px 10px;
	clear:both;
	letter-spacing:0pt;
}

#contents h4{
	font-size:18px;
	border-left:5px #ccc solid;
	padding-left:15px;
}

ul#sub_menu{
	width:720px;
	margin:10px auto;
	position:relative;
	right:40px;
}
ul#sub_menu:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

ul#sub_menu li{
	list-style:none;
	float:left;
	margin:0px;
	padding:0px;
}
dl#m_sub_menu{
	display:none;
}

/**top**/
#top_slider{
	float:left;
	width:720px;
}
#main_banner{
	float:right;
	width:220px;
}
#main_banner img{
	width:220px;
}
.learning{
	background:#ededed;
	padding:20px 0;
}
.learning h2,.learning h3{
	text-align:center;
	margin:0;
	color:#000;
}
.learning p{
	text-align:center;
	font-size:14px;
}
.learning a{
	display:block;
	color:#fff;
	font-weight:bold;
	width:90%;
	background:#00522e;
	margin:10px auto;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
}
.learning a:hover{
	background:#fff;
	border:#00522e 1px solid;
	color:#00522e;
}
#content_link{
	display:flex;
	font-size:14px;
	text-align:center;
}
#content_link dl{
	width:300px;
	float:left;
	margin-right:27px;
	border:1px solid #ccc;
	background:#f9f9f9;
}
#content_link dd{
	margin:0;
	padding:0;
}
#content_link ul{
	padding:10px 15px;
	margin:0;
}
#content_link li{
	margin:0;
	padding:3px 0;
	list-style:none;
}
ul#support {
	width:710px;
	margin:0px 0px 200px 0px;
	position:relative;
	right:40px;
}

ul#support li{
	width:120px;
	border:1px solid #ccc;
	list-style:none;
	float:left;
	margin-right:10px;
	padding:5px;
}

ul#support li a{color:#000;text-decoration:none;}
ul#support li a:hover{color:#02863B;text-decoration:underline;}
ul#support h3{margin:5px;text-align:center;font-size:112%;background:none;width:110px;text-indent:0px;padding:0px;}
ul#support p{margin:0px;text-align:left;}
#event{
	float:right;
	width:48%;
}

#event dl{
	margin:0px;
	padding:0px 10px;
	overflow:auto;
}
#event dt{
	font-weight:bold;
	float:left;
	padding-top:2px;
}
#event dd{
	height:30px;
	border-bottom:1px solid #ccc;
	margin:0px 0px 1em 0px;
	padding-left:5.5em;
	position:relative;
	top:50%;
}
#event img{
	display:inline;
}
#event a{color:#000;text-decoration:none;}
#event a:hover{color:#02863B;text-decoration:underline;}

#pickup{
	margin:0px 0px 0px 0px;
}
ul#pickup {
	width:750px;
	margin:0px 0px 0px 40px;
	position:relative;
	right:80px;
	display:flex;
}

ul#pickup li{
	width:155px;
	border:1px solid #ccc;
	list-style:none;
	margin-right:10px;
	padding:5px;
}

ul#pickup p{
	border-left:3px solid #ccc;
	margin:10px 0px;
	padding-left:5px;
	text-align:left;
}

ul#pickup li a{color:#000;text-decoration:none;}
ul#pickup li a:hover{color:#02863B;text-decoration:underline;}

#news{
	float:left;
	width:48%;
	padding-right:2%;
	border-right:1px dashed #ccc;
}

#news dl{
	margin:0px;
	padding:0px 10px;
}
#news dt{
	font-weight:bold;
	padding:10px 10px 0px;
}
#news dd{
	border-bottom:1px solid #ccc;
	margin:0px;
	padding:0px 20px 10px;
}

#news a{color:#000;text-decoration:none;}
#news a:hover{color:#02863B;text-decoration:underline;}
.new_topics{
	background:#ff4e4e;
	padding:0px 10px;
	font-weight:bold;
	color:#fff;
}

#contents_top .certification{
	text-align:center;
	border:1px solid #ccc;
	background:#feffd4;
	padding:20px 40px;
	margin-bottom:30px;
	font-size:16pt;
	width:640px;
	float:left;
}

#contents_top .certification h2{
	background:none;
	color:#000000;
	margin-bottom:30px;
}

/**下層**/
/*contact*/

.no_must {
    background-color: #fc0;
    border-radius: 4px;
    box-shadow: 0 0 5px #ccc;
    color: #fff;
    display: block;
    float: left;
    font-size: 10px;
    margin: 0 5px;
    padding: 4px 5px;
}

/*link*/
#link li{
	list-style:none;
	min-height:40px;
	padding:5px 5px;
}
#link li:hover{background:#ddd;}

/*membership*/

dl.membership {
	padding-top:20px;
	margin-left:20px;
	background:url('images/contents/membership/flow_bg.gif') no-repeat;
	content: "";
	display:block;
	overflow:hidden;

}
dl.membership dt,dl.membership dd{
	margin-bottom:50px;
}
dl.membership dt{
	float:left;
	width:300px;
	text-align:center;
	background:#fff;
	border:1px solid #0000ff;
	clear:both;
	padding:20px 0px;
	font-weight:bold;
	color:blue;
}
dl.membership dd{
	float:right;
	width:600px;
	padding:0px 0px 20px 0px;
	margin:0px;
}
dl.membership p{
	margin:0px 0px 10px 0px;
	
}

/*member*/
table{
	margin:20px auto;
	border-top:1px solid #eee;
	width:100%;
}

table td{
	padding:10px 20px;
	border-bottom:1px solid #eee
}
table tr:nth-child(2n) {
    background-color: #f9f9f9;
}

/*contest*/
div#post-img{
	text-align:center;
}
div#post-img img{
	width:auto;
	height:auto;
	width:100%!important;
	height:100%!important;
}

dl.contest dt{
	font-weight:bold;
	font-size:15px;
	color:#008000;
	border-bottom:1px dotted #008000;
	margin:10px 0px;
}
dl.contest dd{
	padding-left:15px;
	margin:0px;
}
dl.contest ul{
	margin:0px;
	padding:0px;
}
dl.contest li{
	margin:0px 0px 5px 15px;
}

dl.contest ol{
	margin:0px;
	padding-left:20px;
}

table.party{
	width:670px;
	margin:20px auto 20px auto;
}
table.party th,table.party td{
	border:1px solid  #d8c1a9;
	padding: 12px 15px;
}
table.party th{
	background: #fffdee;
	vertical-align: top;
	width: 110px;
}
table.party ul{
	padding:0px;
	margin:0px 0px 0px 15px;
}
div#judge img{
	clear:both;
	float:left;
}
div#judge dl{
	float:right;
	width:530px;
}
div#judge dt{
	font-size:16px;
	font-weight:bold;
}
div#judge dd{
	margin-left:0px;
}
span.degree{
	font-size:12px;
	font-weight:normal;
	color:#b30d17;
}
ul.application_dl li{
	list-style:none;
	margin:10px 0px;
	clear:left;
	overflow:hidden;
}
ul.application_dl li img{
	float:left;
	margin:10px;
}
ul.application_dl li p{
	vertical-align:middle;
}
.page-id-2360 h4{
	color:#a4050e;
	font-size:18px;
}
ol.category li{
	font-size:20px;
	font-weight:bold;
	color:#a4050e;
}
p.contest{
	font-size:18px;
	font-weight:bold;
	color:#a4050e;
}

/*summit*/
p.course{
	margin:0px 0px 10px 20px;
	font-size:11.5px;
}
hr.course{
	border-top:1px dashed #ccc;
	border-bottom:none;
}

dl.summit {
	margin-bottom: 20px;
}

dl.summit dt,
dl.summit dd {
	min-height: 3em;
	padding: 10px 0px;
	margin: 0px;
}

dl.summit dt {
	float: left;
	width: 30%;
	color: #a4050e;
	text-align: center;
	font-weight: bold;
}

dl.summit dd {
    padding-left: 35%;
    border-top: 1px dashed #dfdfdf;
}

/* recipe */
#recipe table,#recipe th,#recipe td {
	border:1px solid #ccc;
}
#recipe th,#recipe td{
	padding:5px 10px;
}
#recipe ol li{
	margin-bottom:10px;
	border-bottom:1px dashed #ccc;
	padding:10px 0 15px 0;
}

.thumb ul, ul.thumb_gibier{
	width:980px;
	margin:10px 0px;
	padding:0!important;
}
.thumb li,ul.thumb_gibier li{
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	text-align:center;
	list-style:none;
}
ul.thumb_gibier li{
	width:22.9%;
	margin-right:2%;
	text-align:center;
	font-size:13px;
}

.thumb img,ul.thumb_gibier img{
	border:1px #ccc solid;
}
ul.thumb_gibier img{
	width:100%;
}
ul.recipe,
ul.shop
{
	margin:0;
	padding:0;
}
ul.recipe a,
ul.shop a
{
	display:block;
	padding:15px;
	text-decoration:none;
}
ul.recipe a:hover,
ul.shop a:hover
{background-color:#f1f1f1;}
ul.recipe li,
ul.shop li
{
	list-style:none;
	border-bottom:1px dashed #ccc;
}

dl.recipe dt {
	width:200px;
	float:left;
	clear:left;
}
dl.recipe dd {
	float:left;
	margin:0px 0px 20px 0px;
	border-left:1px solid #ccc;
}

ul.recipe_genre,ul.recipe_materials,ul.recipe_number ul {
	margin:0 0 0 15px;
	padding:0;
}

ul.recipe_genre li,ul.recipe_materials li,ul.recipe_number li {
	float:left;
	list-style:none;
	margin-right:15px;
}

ul.recipe_genre a,ul.recipe_materials a {
	display:block;
	text-decoration:none;
	background:#f1f1f1;
	padding:15px 40px;

}
ul.recipe_genre a:hover,ul.recipe_materials a:hover {
	background:#ddd;
}
ul.recipe_genre li{
	width:150px;
	text-align:center;
}
ul.recipe_materials li{
	width:100px;
	text-align:center;
}
ul.recipe_number li{
	text-align:center;
}

dl.award {
	margin-bottom: 20px;
}

dl.award dt,
dl.award dd {
    min-height: 3em;
    padding: 10px 0px;
    margin: 0px;
}

dl.award dt {
    float: left;
	width: 30%;
	color: #a4050e;
	text-align: center;
	font-weight: bold;
}

dl.award dd {
    padding-left: 35%;
    border-top: 1px dashed #dfdfdf;
}

dl.table{
	margin:0 auto;
	width:660px;
	border-bottom:1px solid #dfdfdf;
}

dl.table:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
dl.table dt{
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 100px;
	color:#a4050e;
	font-weight:bold;
	margin: 0;
}
dl.table dd{
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 560px;
}
dl.table ol,dl.table ul{
	margin:0px 0px 0px 10px;
	padding:0;
}

/*  info  */
dl.info dt{
	font-weight:bold;
	font-size:14px;
}
dl.info dd{
	margin:0 0 10px 10px;
	padding:0;
}

/*  shop  */
dl.shopinfo{
	width:900px;
	padding-top:20px;
}
dl.shopinfo dt{
	width:200px;
}

dl.shopinfo dd{
	width:700px;
}
.shopphoto ul{
	width:1000px;
}

/* document */
ul.document li{
	list-style:none;
}

ul.document li a{
	padding:15px 0px;
	border-bottom:1px #efefef dashed;
	display:block;
	color:#585858;
	text-decoration:none;
}
ul.document a:hover{
	background:#dfdfdf;
	color:#585858;
	text-decoration:none;
}

/* seminar */
dl.schedule{
	margin: 20px auto;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}
dl.schedule dt {
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 25%;
	margin: 0;
}
dl.schedule dd {
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 75%;
}
dl.schedule dd dt{
	font-weight:bold;
	float:none;
	width:100%;
	text-align:left;
	border:none;
}
dl.schedule dd dd{
	float:none;
	border:none;
}
dl.schedule ul li{
	list-style:none;
	padding:0;
	margin:0;
}
dl.schedule ul{
	list-style:none;
	padding:0;
	margin:0;
}
/* certification */
#certification dl{
	margin: 20px auto;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}
#certification dl dt {
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 20%;
	margin: 0;
}
#certification dl dd {
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 80%;
}

ol.bh6_m li{
	margin-bottom:20px;
}
ol.bh6_s {
	margin:0;
	padding:0;
}

ol.bh6_s li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
  margin-bottom:0px;
  padding-left: 2em;
  text-indent: -2em;
}
ol.bh6_s li:before{
  display: marker;
  content: "(" counter(cnt) ") ";
}

#certification table{
	width:100%;
}
#certification table th{
	min-width:2%;
}
#certification table td{
	font-size:12px;
}

/* order */
form#mailformpro ol.buy li{
	width:30%;
	float:left;
	margin-right:10%;
	text-align:center;
}
form#mailformpro ol.buy li img{
	width:98%;
}

/*
ul#mfp_phase_stat {
	padding: 10px;
	margin: 0px auto;
	width: 620px;
}
*/

dl.table_order{
	margin:0 auto;
	width:100%;
	border-bottom:1px solid #dfdfdf;
}

dl.table_order:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
dl.table_order dt{
	border-top: 1px solid #dfdfdf;
	clear: right;
	float: left;
	padding: 10px 0;
	text-align: center;
	width: 30%;
	margin: 0;
}
dl.table_order dd{
	border-top: 1px solid #dfdfdf;
	float: right;
	margin: 0;
	padding: 10px 0;
	width: 70%;
}

/* handbook */
ul.handbook_dl{
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding:0;
}
ul.handbook_dl li{
	width:50%;
	list-style:none;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
}
ul.handbook_dl li img{
	width:90%;
	margin:15px auto 10px auto;
	
}
ul.handbook_dl li ul{
	padding:0 0 0 50px;
	padding-bottom:30px;
}
ul.handbook_dl li ul li{
	width:100%;
	font-weight:normal;
	list-style:circle;
	text-align:left;
	padding-top:5px;
}
.handbook_link dl{
	width:30%;
	padding-left:20px;
}
.handbook_link dt{
	font-weight:bold;
}
.handbook_link dd{
	margin:0 0 20px 20px;
}

/****************************************
		5.Footer 
*****************************************/
#footer{
	background:#f9f2e1;
	overflow:hidden;
	color:#000;
	font-size:14px;
	letter-spacing:0px;
	clear:both;
}
#footer_area{width:960px;margin:20px auto 30px;overflow:hidden;}
#footer_logo{float:left;}
#footer_text{font-size:12px;float:right;margin-top:1em;}
#footer_r{float:right;padding-top:0px;width:700px;}
#footer_tel{float:right;}
#copy{float:right;font-size:0.8em;margin-top:1em;}
p.footer_message{float:left;width:480px;}
#footer_attention,#sponsor{
	clear:both;
	border-top:1px dashed #ccc;
}
#footer_attention h2,#sponsor h2{
	font-size:14px;
}
#footer_attention ul,#sponsor ul{
	width:960px;
	padding:0;
}
#footer_attention ul li,#sponsor ul li{
	float:left;
	list-style:none;
	margin-right:10px;
}
#footer_attention ul li img{
	width:210px;
}

/****************************************
		6.Sidebar
*****************************************/
#sidebar{
	margin:40px 50px 0px 0px;
	float:left;
	width:210px;
}
#sidebar h2{
	margin-top:15px;
	margin-bottom:0px;
	font-size:16px;
	border-top:5px solid #000;
	border-bottom:1px solid #999;
	height:33px;
	text-indent:10px;
	padding-top:13px
	}
#sidebar ul{
	margin:0px;
}
#sidebar li{
border-bottom:1px solid #999;
list-style:none;
padding:5px 0px 5px 15px;
margin:0px;
position:relative;
right:15px;
width:195px;
font-size:12px;
height:30px;
overflow:hidden;
}
#sidebar li a{color:#000;text-decoration:none;}
#sidebar li a:hover{color:#00863C;font-weight:bold;text-decoration:none;}
#sidebar li:hover{text-decoration:underline; border-left:5px #00863C solid;width:195px;padding:5px 0px 5px 10px;}
#blog_widget h2.widget-title{margin:0px 0px 5px 0px;padding-left:0.8em;}
#blog_widget h2{display:none;}
#blog_widget select{width:100%;margin:5px 0px 15px 0px;}
.widget_recent_entries ul{padding-left:15px!important;margin-bottom:20px;}
#side_stext{font-size:12px;}
ul#Gnavi {
	margin:0px 0px 30px;
	padding:0px;
	border-top:5px solid #000;
}
ul#Gnavi li{
	list-style:none;
	border-bottom:1px #999 solid;
	padding:0px;
	margin:0px;
	position:relative;
	left:0px;
	height:auto;
	width:210px;
	}
ul#Gnavi img{
	margin:0px;
	}
ul#Gnavi li:hover{text-decoration:underline; border-left:none;width:210px;padding:0px;}

#sidebar img,#linkarea img{
	margin-bottom:10px;
}

#linkarea img{
	float:left;
	margin:10px;
}

#linkarea{
	background:#ededed;
}

#linkarea ul{
	padding:0 20px;
	width:960px;
	margin:0 auto;
}
#linkarea:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

#linkarea li{
	float:left;
	list-style:none;
}
ul#add{
	margin:20px 0 0 0;
	padding:0;
}

ul#add li,ul#add li:hover{
	border:none;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	height:auto;
	width:auto;
	position:relative;
	right:0px;
}

/****************************************
		7.blog
*****************************************/
#post h1,#archive h1{background:url('images/h1.gif') 0 0 no-repeat;padding:12px 10px;font-size:150%;margin-bottom:30px;color:#4b4b4b;}
#post h1{margin-bottom:0px!important;}
/* #post h2,#archive h2{font-size:120%;padding:0px 0px 0px 18px;color:#585858;margin-bottom:20px;} */
#post h3,#archive h3{
	border-bottom: 1px dashed #3b90c7;
	color: #040;
	margin: 30px 0 10px;
	text-indent: 10px;
	background:none;
	height:25px;
	width:490px;
}
#entry_list .entry{border-bottom:1px solid #eee;width:900px;margin:0 auto;}
#entry_list .entry a{display:block;overflow:hidden;padding:15px;}
#entry_list .entry a:hover{background-color:#f1f1f1;}
#entry_list .entry .thumb img{float:left;}
#entry_list .entry .title_box {float:right;width:690px;margin-right:10px;}
#entry_list .entry h2.title {float:left;font-size:2em;margin:0px;width:100%;}
#entry_list .entry h3.title {
	font-size:16px;
	border-left:5px solid #00863C;
	border-bottom:none;
	border-top:none;
	height:auto;
	padding:0px 0px 0px 15px;
	margin:0px;
	background:none;
	text-align:left;
}
#entry_list dl{
	border-bottom:1px dotted #999;
	width:900px;
	padding:15px;
	margin: 0 auto;
	clear:both;
}
#entry_list dl:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#entry_list dt{
	float:left;
	width:100px;
	clear:both;

}
#entry_list dd{
	float:right;
	width:750px;
}
#entry_list .entry .date {
	width:100%;
	color:#585858;text-decoration:none;
	font-size:14px;
	display:block;
	padding: 0 1em 0.5em 1em;
	float:left;
	text-align:right;
}
#entry_list .entry .extract {margin:15px 0px 0px 15px;float:left;color:#000;}
#entry_list .entry .excerpt_more {color:#13a0d3;}
#date{margin-bottom:1em;}
#post p{margin-bottom:1em;}
p.wp-caption-text{text-align:center;padding:0.4em;font-size:1em;}
//pagenavi
#pager{margin:1em;}
.wp-pagenavi{
	padding:25px;
	margin:0 auto;
	width:400px;
}
.wp-pagenavi a,
.pages,
.wp-pagenavi .current{
	margin-right:4px;
	padding:3px 6px;
	border:1px solid #ccc;
	background:#fff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.wp-pagenavi a:hover,.wp-pagenavi .current{color:#fff;background:#3793ce;}
.post_link{height:auto;background:#F9F7FC;overflow:hidden;}
.previous{padding:10px;float:left;}
.next{padding:10px;float:right;}
dl#profileTxtSet dt span#authorName{font-weight:bold;font-size:20px;}

.shop-product ul{
	margin:20px 40px;
	padding:0px;
	border-top:1px dotted #ccc;
}
.shop-product ul li{
	border-bottom:1px dotted #ccc;
	list-style:none;
	padding:15px 0;
}
.shop-product ul li:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}


.shop-product ul li dt{
	font-weight:bold;
	font-size:15px;
	color:#A4050E;
	border-left:4px solid #A4050E;
	padding-left:10px;
}
.shop-product ul li dd{
	margin:15px 15px 0 15px;
}
.shop-product ul li dd img{
	float:left;
	margin-right:20px;
}
ul.shop dl{
	margin:0;
	padding:0;
}
ul.shop dt{
	float:left;
	width:45%;
}
ul.shop dd{
	width:55%;
	float:right;
	margin:0;
}
ul.shop a:after{
	clear:both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

dl.shop_search{
	width:90%;
	margin:0 auto;
}
dl.shop_search dt{
	font-weight:bold;
	float:left;
	width:20%;
	text-align:center;
	padding:10px 0;
}
dl.shop_search dd{
	width:80%;
	float:right;
	margin:0;
	padding:10px 0;
}
ul.shop_search{
	padding:0;
	width:1200px;
}
ul.shop_search li{
	float:left;
	width:280px;
	margin-right:56px;
	margin-bottom:20px;
	border:1px solid #ccc;
	list-style:none;
	text-align:center;
	-moz-text-align-last: justify;
	text-align-last: justify;
}
ul.shop_search a
{
	display:block;
	padding:20px 80px;
	text-decoration:none;
}
ul.shop_search a:hover
{background-color:#f1f1f1;}

	.caution {
		margin-top:20px;
		text-align:center;
		color:#ff0000;
		border:5px solid #ff0000;
		padding:20px;
	}
	.caution p.title{
		font-size:20pt;
		font-weight:bold;
	}

/****************************************
		8.Mobile Style
*****************************************/
@media screen and (max-width: 480px){
	html,body {
		width:100%;
		font-size:auto;
	}
	#wrapper{
		width:100%;
		margin:0px auto;
		height:auto;
		overflow:hidden;
		margin-bottom:50px;
	}
	#post,#archive,#member-list{width:100%;}
	#contents img {
	width:100%;
	max-width: 100%;
	height: auto;
	}

	#header{
		margin:10px auto;
		overflow:hidden;
		width:100%;
	}
	#m_header{display:block;}
	a#simple-menu{
		float:right;
	}
	#footer_area{width:100%;margin:20px auto 30px;overflow:hidden;}
	#banner ul{
		width:100%;
		margin:0 auto;
		padding:0;
	}
	#banner{
		background:#ededed;
		position:relative;
		width:100%;
	}

	#banner:after{
		clear:both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}

	#banner li{
		float:left;
		list-style:none;
		width:50%;
	}
	#banner img{width:95%;float:left;margin-right:5%;}

	#header_logo{display:none;}
	#header_r{display:none;}
	.fl_left{float:none!important;}
	.fl_right{float:none!important;}
	#contents h3 {width:100%!important;}
	#gnavi{display:none;}
	div.breadcrumbs{display:none;}
	#menu{
		display:block;
		height:200px;
		width:200px;
		background:#444;
	}
	#contents h2,#post h2,#archive h2{
	width:100%;
	}
	.pagetop{display:none!important;}
	#footer{text-align:center;}
	#footer img{
 margin-left: auto;
 margin-right: auto;}
	#footer_logo{float:none!important;}
	#footer_r {
		float:none;
		width:100%
	}
	p.footer_message{float:none;width:100%;}
	#entry_list dl{
		border-bottom:1px dotted #999;
		padding:15px;
		margin: 0 auto;
		clear:both;
		width:100%;
	}
	#entry_list dl:after{
		clear:both;
		content: ".";
		display: block;
		height: 0;
		line-height: 0;
		visibility: hidden;
	}
	#entry_list dt{
		float:none;
		width:100%;
		clear:both;

	}
	#entry_list dd{
		float:none;
		width:100%;
		margin-left:0px;
	}
	#contents_top{
		width:100%;
		float:none;
	}
	#contents_top h2,#contents_top h3{
		width:100%;
		text-align:center;
	}
	#contents_top .certification{
		text-align:center;
		border:1px solid #ccc;
		background:#feffd4;
		padding:5%;
		margin-bottom:30px;
		width:100%;
	}
	#contents_top .certification h2{
		width:90%;
		padding:0;
	}
	#contents_top .certification p{
		font-size:14px;
		width:90%;
	}
	#news,#event{
		float:none;
		width:100%;
		border:none;
	}
	#news dt{
		font-weight:bold;
		float:none;
		padding:0px;
	}
	#news dd{
		border-bottom:1px solid #ccc;
		margin:0px;
		padding:0px;
	}
	ul#pickup {
		width:100%;
		margin:0px;
		padding:0;
		display: block;
		position: relative;
		right:0px;
	}

	ul#pickup li{
		width:100%;
		border-bottom:1px solid #ccc;
		list-style:none;
		padding:5px;
	}
	ul#pickup img{
		display:none;
	}

	ul#pickup p{
		border-left:3px solid #ccc;
		margin:10px 0px;
		padding-left:5px;
		text-align:left;
	}

	ul#pickup li a{color:#000;text-decoration:none;}
	ul#pickup li a:hover{color:#02863B;text-decoration:underline;}

	ul#sub_menu{
		display:none;
	}
	dl#m_sub_menu{
		display:block;
		border:1px #999;
		width:99%;
		margin:10px auto;
	}
	dl#m_sub_menu dt{
		background:#ccc;
		width:100%;
		font-weight:bold;
		text-align:center;
	}
	dl#m_sub_menu dd{
		background:#eee;
		width:100%;
		padding:0;
		margin:0;
	}
	#top_slider {
		float: none;
		width: 100%;
	}
	#main_banner {
		clear:both;
		float: none;
		width: 220px;
		padding-top:40px;
		margin: 0 auto;
	}
	.learning{
		background:#ededed;
	}
	.learning h2,.learning h3{
		text-align:center;
	}
	#content_link {
		display: block;
		font-size: 14px;
		text-align: center;
	}
	#content_link dl {
		background: #f9f9f9 none repeat scroll 0 0;
		border: 1px solid #ccc;
		float: none;
		margin: 25px auto;
		width: 300px;
	}
	table{
		margin:20px auto;
		border-top:1px solid #eee;
		width:100%;
	}
	dl.membership {
		padding-top:20px;
		margin-left:20px;
		background:none;

	}
	dl.membership dt,dl.membership dd{
		margin-bottom:50px;
	}
	dl.membership dt{
		float:none;
		width:90%;
		margin:0 auto;
		text-align:center;
		background:#fff;
		border:1px solid #0000ff;
		clear:both;
		padding:20px 0px;
		font-weight:bold;
		color:blue;
	}
	dl.membership dd{
		float:none;
		width:90%;
		padding:0px 0px 20px 0px;
		margin:0px auto;
	}
	dl.award {
		margin-bottom: 20px;
	}
	dl.award dt,
    dl.award dd {
		padding: 10px 0px;
        margin: 0px;
	}
	dl.award dt {
        float: none;
		width: 100%;
        border-top: 1px dashed #dfdfdf;
		color: #a4050e;
        text-align: center;
		font-weight: bold;
	}
	dl.award dd {
		width: 100%;
        border-top: none;
        text-align: center;
	}
	ul.application_dl li img{
		margin:10px;
		max-width:60px!important;
		max-height:60px!important;
	}
	.caution {
		margin-top:20px;
		text-align:center;
		color:#ff0000;
		border:5px solid #ff0000;
		padding:20px;
	}
	.caution p.title{
		font-size:20pt;
		font-weight:bold;
	}
}

