/*
Theme Name: vividmore.com
Theme URI: http://vividmore.com/
Description: vividmore.com template
*/
@charset "utf-8";
html, body, div, span, applet, strong,
h1, h2, h3, h4, h5, h6, p, small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	font-size: 13px;
	font-family: inherit;
	vertical-align: baseline;
	list-style:none;
	}



a{ color: #1793e8; text-decoration: none; margin: 0; padding: 0;}
a:hover{ color: #6ac3ff; text-decoration: underline;}

.clear{ clear: both; line-height: 0}

.mg_rg10{
margin-right: 10px;
}
.mg_bt15{
margin-bottom: 15px;
}
.mg_tp10{
margin-top: 10px;
}
.mg_tp20{
margin-top: 20px;
}
.pd_bt10{padding-bottom: 10px;}
.pd_bt15{padding-bottom: 15px;}
.pd_bt20{padding-bottom: 20px;}
p{
color: #202020; 
}
.bold{
font-weight: bold;
color: red;
font-size: 16px;
}
.fl_right{
padding: 10px 0 0 0!important;
text-align: right;
}
.font10{font-size: 10px;}
.align_center{
text-align: center;
}


/*-----------------------------------------------------------------
		関連記事一覧
-----------------------------------------------------------------*/
#contents .yarpp-related{
margin-bottom: 20px;
float: left;
}
#contents .kanren_kiji{
width: 653px;
margin: 20px 0 5px 18px;
padding: 5px 0 0 32px;
color: #000;
background: none;
border: none;
background: url(images/common/icon/icon_kanren.png) no-repeat left 2px;
font-size: 16px;
}
#contents .yarpp-related .kanren_ol{
width: 663px;
float: left;
}
#contents .yarpp-related .kanren_list{
width: 620px;
float: left;
border-bottom: 1px dotted #754f19;
padding: 8px 0 8px 0;
margin: 0 20px 0 19px;
font-size: 16px;
}
#contents .yarpp-related a{
color: #1791ca;
font-weight: bold;
}
#contents .yarpp-related a:hover{
color: #34a6db;
}





/*-----------------------------------------------------------------
		基礎設計
-----------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}

ul,li{
	list-style-type:none;
}

table{
	border-collapse:collapse;
	border-spacing:0;
}

img{
	border:0;
	vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
h1{
font-size: 20px;
padding-top: 2px;
}
h2,h3,h4,h5{
font-size: 117%;
color: #202020;
font-weight: bold;
}
h2{
padding-top: 4px;
font-size: 13px;
font-weight: normal;
}
h4{
font-size: 20px;
}

hr,legend {
	display:none;
}

body {
	font-family: "メイリオ","Meiryo","ＭＳＰゴシック","MS PGOTHIC";
	background: #f7f7f7;
	color: #000;
}


/* 画像スタイル */
img { border: 0;}
.f-left { float: left;}
.f-right { float: right;}

.mg_bm5{
margin-bottom: 5px;}
.mg_bm10{
margin-bottom: 10px;}
.mg_bm15{
margin-bottom: 15px;}
.mg_bm20{
margin-bottom: 20px;}
	
/****************************************
		 CLEARFIX
*****************************************/
.clearfix:after {
content: '';
display: block;
clear: both;
height: 0;
}

.clearfix {display: inline-block;}
.clearfix {display: block;}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/****************************************
		 Common
*****************************************/
#wapper{
margin: 0;
padding: 0;
}
#header_back{
width: 100%;
height: 76px;
background-color: #FFF;
}
#header{
width: 980px;
height: 76px;
margin: 0 auto;
}
#logo{
width: 305px;
height: 47px;
float: left;
margin: 10px 0 0 0;
}
#header_title{
float: left;
margin: 15px 0 0 15px;
}
#header_btn{
width: 234px;
height: 84px;
float: right;
margin: 4px 0 0 0;
}

/****************************************
		 Gnavi
*****************************************/
#gnavi_back{
width: 100%;
height: 58px;
background: url(images/common/gnavi/gnavi_back.png) repeat-x;
margin-bottom: 15px;
}
#gnavi{
width: 980px;
height: 58px;
margin: 0 auto;
}
#gnavi ul{
width: 980px;
float: left;
}
#gnavi ul li{
float: left;
position: relative;
}

#gnavi #menu ul{
width: 196px;
position: absolute;
top: 56px;
display: none;
}

#menu li ul li {
width: 196px;
background: #ffae00;
z-index: 100;
float: left;
}

/****************************************
		 KV
*****************************************/
#kv{
width: 980px;
height: 365px;
margin: 0 auto 10px auto;
background: url(images/common/kv/kv_top.png) no-repeat;
}
#kv_btn{
width: 355px;
height: 68px;
margin: 266px 0 0 595px;
float: left; 
}

#kv_kasou{
width: 980px;
height: 193px;
margin: 0 auto 10px auto;
background: url(images/common/kv/kv_kasou.png) no-repeat;
}
#kv_kaso_btn{
width: 355px;
height: 68px;
margin: 93px 0 0 595px;
float: left; 
}


#pankuzu{
width: 980px;
margin: 0 auto;
}
#pankuzu p{
font-size: 10px !important;
}
#pankuzu a{
font-size: 10px;
}

/****************************************
		 container
*****************************************/
#container{
width: 980px;
margin: 0 auto;
padding: 0;
}



/****************************************
		 left_box
*****************************************/
#left_box{
width: 623px;
border: double 1px #CCC;
background: #FFF;
margin: 5px 0 0 0;
padding: 20px;
float: left;
}


.ttl_contents{
width: 623px;
margin: 0 auto;
}

#container h3{
font-size: 26px;
margin: 0 0 20px 0;
padding: 3px 0 5px 20px;
color: #202020;
background: url(images/common/ttl/h3_ttl.png) no-repeat;
font-weight: bold;
}


#container .sbtitle_h4{
width: 603px;
margin: 0 auto 10px auto;
padding: 13px 0 8px 20px;
font-size: 22px;
background: #f7f7f7;
float: left;
border-bottom: dotted 1px #ccc;
color: #202020;
font-weight: bold;
}

.ttl_box{
width: 623px;
margin: 0 0 20px 0;
float: left;
}
#left_box p{
font-size: 14px;
margin: 10px 0 0 0;
padding: 0 0 20px 20px;
}


.contents{
width: 626px;
margin: 0 auto 5px auto;
float: left;
}
.contents_box{
width: 626px;
float: left;
margin-bottom: 15px;
}
.contents_box ul li{
margin-bottom: 5px;
}
.contents_box ul li a{
background: url(images/common/icon/li_icon.png) no-repeat left 4px;
padding: 0 0 0 15px;
}
.contents01{
width: 306px;
height: 314px;
float: left;
background: url(images/top/top01.png) no-repeat;
}
.contents02{
width: 306px;
height: 314px;
float: right;
background: url(images/top/top02.png) no-repeat;
}
.contents03{
width: 306px;
height: 314px;
float: left;
background: url(images/top/top03.png) no-repeat;
}
.contents04{
width: 306px;
height: 314px;
float: right;
background: url(images/top/top04.png) no-repeat;
}
.contents05{
width: 306px;
height: 314px;
float: left;
background: url(images/top/top05.png) no-repeat;
}
.contents06{
width: 306px;
height: 314px;
float: right;
background: url(images/top/top06.png) no-repeat;
}
.contents07{
width: 306px;
height: 314px;
float: left;
background: url(images/top/top07.png) no-repeat;
}
.contents08{
width: 306px;
height: 314px;
float: right;
background: url(images/top/top08.png) no-repeat;
}



#container .top_h4{
width: 398px;
background: none;
font-size: 16px;
padding: 12px 0 0 10px;
margin: 0;
border: none;
color: #FFF;
}
#container .top_h4 a{
color: #FFF;
}


.contents_text{
width: 300px;
margin: 5px 0 0 0;
float: left;
}
.contents_text p{
width: 200px;
font-size: 13px !important;
padding-bottom: 5px;
}
.contents ul{
margin: 20px 0 0 20px;
}
.top_more{
width: 125px;
float: right;
margin: 10px 20px 0 0;
text-align: right;
}
.top_more a{
font-size: 11px;
padding: 0 0 0 20px;
}
.more_btn01{
background: url(images/common/icon/icon01.png) no-repeat;
}
.more_btn02{
background: url(images/common/icon/icon02.png) no-repeat;
}
.more_btn03{
background: url(images/common/icon/icon03.png) no-repeat;
}
.more_btn04{
background: url(images/common/icon/icon04.png) no-repeat;
}
.more_btn05{
background: url(images/common/icon/icon05.png) no-repeat;
}
.more_btn06{
background: url(images/common/icon/icon06.png) no-repeat;
}
.more_btn07{
background: url(images/common/icon/icon07.png) no-repeat;
}
.more_btn08{
background: url(images/common/icon/icon08.png) no-repeat;
}


/****************************************
		 rihgt_box
*****************************************/
.side_no1{
padding: 0 0 0 0;
margin-bottom: 10px;
background: url(images/common/side/side_no1.png) no-repeat;
}
.side_no2{
padding: 0 0 0 0;
margin-bottom: 10px;
background: url(images/common/side/side_no2.png) no-repeat;
}
.side_no3{
padding: 0 0 0 0;
background: url(images/common/side/side_no3.png) no-repeat;
}

#right_box{
width: 300px;
margin: 5px 0 0 0;
float: right;
}

#right_box a{
font-size: 14px;
}
#right_box ul li a{
padding-left: 32px;
}
.pick_up{
width: 300px;
margin: 20px 0;
float: left;
}
#right_box .pick_up .pick_up_ttl a{
font-size: 18px;
}
.pick_up ul{
float: left;
}
#container .pick_up_ttl{
background: url(images/common/icon/side_icon01.png) no-repeat;
padding: 0 0 15px 30px;
font-size: 18px;
border: none;
}

.recommend{
width: 300px;
margin: 20px 0; 
float: left;
}
.recommend ul{
float: left;
}
#container .recommend_ttl{
background: url(images/common/icon/side_icon01.png) no-repeat;
padding: 0 0 15px 30px;
font-size: 18px;
border: none;
}

#container .term{
width: 300px;
margin: 20px 0; 
float: left;
}
#container .term_ttl{
background: url(images/common/icon/side_icon01.png) no-repeat;
padding: 0 0 0 30px;
font-size: 18px;
border: none;
}



#right_box h4{
width: 300px;
}


/****************************************
		 footer
*****************************************/

#footer{
width: 980px;
margin: 0 auto;
}
#footer ul{
width: 980px;
float: left;
}
#footer ul li{
float: left;
padding-right: 10px;
}
.footer01{
padding: 20px 0 0 0;
}
.copy{
text-align: center;
padding-bottom: 20px;
}

/*-----------------------------------------------------------------
		single
-----------------------------------------------------------------*/
.category_list{
width: 623px;
float: left;
}
.category_listbox{
width: 623px;
float: left;
margin-bottom: 20px;
}

.kiji_img{
width: 600px;
margin: 10px auto 10px auto;
border: double 1px #f0f0f0;
}



.h5_box{
width: 570px;
float: right;
border: double 1px #55b637;
padding: 15px 15px 5px 15px;
margin-bottom: 15px;
border-radius: 3px; /* CSS3草案 */
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */
-moz-border-radius: 3px; /* Firefox用 */
}
#left_box .h5_box p{
padding-left: 30px;
}

h5{
background: url(images/common/icon/h5_icon.png) no-repeat;
font-size: 16px;
font-weight: bold;
padding-left: 30px;
}
.mg_bt20{
margin-bottom: 20px;
}
.bold{
font-weight: bold;
color: #cb0000;
}

.contact_btn{
width: 623px;
height: 151px;
margin: 20px 0 20px 0;
float: left;
}
.contact_btn_kaso{
width: 623px;
height: 151px;
margin: 0 0 20px 0;
float: left;
}





.table_box{
width: 603px;
margin: 20px 0 0 20px;
}
.table_box th{
padding: 8px 4px;
background: #f1f1f1;
border: double 1px #d7d7d7;
color: #351e04;
}
.table_box td{
padding: 8px 4px;
border: double 1px #d7d7d7;
vertical-align: middle;
}
.table_box .td_center{
text-align: center;
}


.kiji_box{
margin-bottom: 20px;
}


/*-----------------------------------------------------------------
		ページネーション
-----------------------------------------------------------------*/
.pagination {
font-size: 108%;
font-weight: bold;
margin-top: 25px;
text-align: center;
position: relative;
overflow: hidden;
}


.pagination .current {
background: #d2e9fa;
color: #fff;
}
.pagination .current, .pagination .inactive {
background: #f2f8fc;
margin: 0 3px;
color: #2989cc;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2;
text-align: center;
}
.pagination .current {
background: #2989cc;
color: #fff;
}


.ttl_box h4{
clear: right;
}





/*-----------------------------------------------------------------
		口コミ
-----------------------------------------------------------------*/
.kuchikomi_box{
overflow: hidden;
margin-bottom: 15px;
}
.kuchikomi_left{
width: 45px;
float: left;
}
#left_box .age{
text-align: center;
font-size: 9px;
padding: 5px 0 0 0;
margin: 0;
}
.kuchikomi_right{
width: 529px;
float: right;
padding: 13px;
background-color: #FFF;
border: 1px solid #e1e1e1;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.kuchikomi_title{
font-size: 18px;
padding-bottom: 10px;
border-bottom: 1px dotted #e1e1e1;
}
.kuchikomi_gyousha{
min-height: 20px;
background: url(images/kuchikomi/icon_gyousha.png) no-repeat;
padding-left: 70px;
margin-top: 13px;
}
.kuchikomi_hyouka{
min-height: 20px;
background: url(images/kuchikomi/icon_hyouka.png) no-repeat;
padding-left: 70px;
margin-top: 13px;
}
.kuchikomi_star{
width: 88px;
float: left;
}
.kuchikomi_kobetu{
width: 350px;
padding-left: 20px;
float: left;
font-size: 11px;
}
.kuchikomi_type{
min-height: 20px;
background: url(images/kuchikomi/icon_type.png) no-repeat;
padding-left: 70px;
margin-top: 13px;
}
.kuchikomi_area{
min-height: 20px;
background: url(images/kuchikomi/icon_area.png) no-repeat;
padding-left: 70px;
margin-top: 13px;
}
.kuchikomi_comment{
min-height: 20px;
background: url(images/kuchikomi/icon_kuchikomi.png) no-repeat;
padding-left: 70px;
margin-top: 13px;
}
#left_box .kuchikomi_comment p{
padding: 0 0 0 0;
}
.next_text{
padding-top: 15px;
text-align: right;
}
.next_text a{
font-size: 11px;
}
#left_box .toukoubi{
font-size: 10px;
margin: 0;
padding: 10px 0 3px 0;
float: right;
text-align: right;
}

.kuchikomi-pagination{
width: 529px;
margin-left: 65px;
}
.pagination_left{
width: 156px;
float: left;
text-align: left;
}
.pagination_center{
width: 216px;
float: left;
text-align: center;
}
.pagination_right{
width: 156px;
float: left;
text-align: right;
}