/*
Theme Name: WEBガイド秩父2010
Theme URI: http://www.i-surf.co.jp/
Description: WEBガイド秩父2010年リニューアルテンプレート
Version: 1.0
Author: Kazuhisa Katoh
Author URI: http://www.i-surf.co.jp/
*/

@charset "utf-8";

@import url(base.css);

/* 共通設定 */
p{margin-bottom: 0.5em;}
#Sidebar-1 ul li, #Sidebar-2 ul li ,
#body_container,
#footer_container,#footer_container2,
#LContainer, #CContainer, #RContainer,
#tab-box .list-wrap,
#tab-box .nav li a {
	border-color: #e0e0e0
}
#tab-box .nav li a {
	background-color: #e0e0e0
}

#tab-box ul li.nav-one a.current, #tab-box ul.list01 li a:hover,
#tab-box ul li.nav-two a.current, #tab-box ul.list02 li a:hover,
#tab-box ul li.nav-three a.current, #tab-box ul.list03 li a:hover,
#tab-box ul li.nav-four a.current, #tab-box ul.list04 li a:hover {
	background-color: #f6f6f6;
}

#tab-box ul li.nav-one a.current, #tab-box ul li.nav-two a.current,
#tab-box ul li.nav-three a.current, #tab-box ul li.nav-four a.current {
	font-weight: bolder;
}

body{background: url(images/bk_loop_top.png) center top repeat-x;}
h1{font-weight: normal; padding-left: 1em;}
h2,h3{font-weight: normal;}
h3,h4{font-size: 1.1em;}
#wrap{
	width: 1000px;
	margin: 10px auto 0;
	background-color: #fff;
}
#head_container{
	background: url(images/bk_header.png) left top no-repeat;
	height: 160px;
	position: relative;
	color: #333;
}
#body_container{
	background-color: #ffffff;
	background: url(images/bk_contents.png) center top repeat-y; 
	margin-bottom: 5px;
	border-width: 1px ;
	border-style: solid;
}
#footer_container{
	background: url(images/bk_footer.png) center top no-repeat;
	height: 100px;
	font-size: 0.9em;
}
#footer_container2{
	font-size: 0.9em;
	border-width: 1px 0 0;
	border-style: solid;
	padding: 15px;
}

#LContainer h2, #RContainer h2{	font-size: 1.1em;}
#CContainer h2, #WideContainer h2{font-size: 1.3em;}

#LContainer, #CContainer, #RContainer, #WideContainer {
	float: left;
	padding: 0 0 15px;
}
#LContainer{width: 179px; margin-left: 10px;}
#CContainer{
	width: 500px; 
	padding: 0 16px;
/*
	border-style: solid; 
	border-width: 0 1px;
		min-height:1200px;
		height: auto !important;
		height: 1200px;
*/
	}
#RContainer{width: 267px; margin-left: 1px;}
#WideContainer{width: 800px;}

#header_home{
	position: absolute;
	left: 10px;
	top: 5px;
	text-indent: -9999px;
}
#header_home a{
	display: block;
	width: 300px;
	height: 90px;
}
#header_privacy{
	position: absolute;
	right: 10px;
	width: 500px;
	text-align: right;
}

#textresizer, #chgfnt{float: right;}
#textresizer li, #chgfnt li{
	float: left; 
	display: block;
	cursor:pointer;
}
.fontS{font-size: 0.8em}
.fontM{font-size: 1.0em}
.fontL{font-size: 1.2em}



#header_search{
	position: absolute;
	right: 3px;
	top: 3px;
	width: 300px;
	text-align: right;
}
#header_desc{
/*
	position: absolute;
	left: 440px;
	top: 10px;
	width: 280px;
	line-height: 30px;
*/
	position: relative;
	line-height: 20px;
	font-size: 0.8em;
	color: #333;
}
#header_privacy a{ /* color: #333; */ }
#header_privacy a:hover{
	/* color: #F33; */
	text-decoration: underline;
}
#header_font{
	position: absolute;
	right: 10px;
	top: 71px;
	width: 300px;
	text-align: right;
}
#header_font img{
	vertical-align:bottom;
}
#mainmanu {
    background: url("images/bg_futa.gif") no-repeat scroll left top
transparent;
    font-size: 1.1em;
    height: 30px;
    padding-left: 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 115px;
}

#mainmanu a {
	color: #114d95;
	font-size: 14px;
	line-height: 28px;
	text-decoration: none;
	height: 28px;
	padding-left: 15px;
	padding-right: 15px;
	background: url(images/bg_normal.gif) repeat-x left top;
	display: block;
	float:left;
	transition: all 0.3s ease-out;
	border-top: solid 1px #d6deb4;
	border-left: solid 1px #f2f5e6;
	border-bottom: solid 1px #d4dfa7;
	border-right: solid 1px #d4dfa7;
		-moz-text-shadow: 1px 1px 2px #666;
		-webkit-text-shadow: 1px 1px 2px #666;
		text-shadow: 1px 1px 2px #666;
}

#mainmanu a:hover {
	background: url(images/bg_over.gif) repeat-x left top;
	color: #06f;
}

#Sidebar-1, #Sidebar-2{
	margin: 0;
}
#Sidebar-1 ul, #Sidebar-2 ul {
	margin: 0 0 10px;
	padding-bottom: 8px;
}
#Sidebar-1 ul li, #Sidebar-2 ul li {
/*
	line-height: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
*/
}
#Sidebar-1 ul li ul li, #Sidebar-2 ul li ul li{
	border: none;
/*	background: url(images/bullet_blue.png) left 50% no-repeat; */
/*	padding-left: 18px; */
	padding: 0;
}
#Sidebar-1 ul li ul, #Sidebar-2 ul li ul {
	margin: 0 5px 0 25px;
	border: none;
	list-style-image: url(images/list-02-o.gif);
}
#Sidebar-1 ul li ul li ul{
	margin: 0 0 0 10px;
}
#Sidebar-1 ul li ul li ul li{
	list-style-image: none;
	list-style-type: circle;
	font-size: 0.9em;
}

#LContainer h2, #RContainer h2{padding: 5px 8px; margin-bottom: 5px;}
#LContainer h2{background: #cccc99;}
#RContainer h2{background: #cccc99;}

#Sidebar-2{}
#Sidebar-2 ul li ul li, #Sidebar-2 ul li ol li{font-size: 0.9em; border: none;}
#Sidebar-2 img{margin-bottom: 5px;}
#Sidebar-2 .widget{text-align: left; font-size: 1em;}
#Sidebar-2 .widget_rss ul li{font-size: 0.9em;}



#boxL,boxF,#boxM,#boxMS,#boxS{
	margin-bottom: 5px;
	text-align: center;
}

#BanboxM{text-align: center; margin: 8px 0 }

.wp_keywordlink {
}
.wp_keywordlink a:before {
    font-family: "Lato", Calibri, Arial, sans-serif;
	content: "\25BA";
    display: inline-block;
    padding-right: 3px;
    pointer-events: none;
}

.wp_social_bookmarking_light{padding-bottom: 1em !important}

/* バナー広告 */
.banArea a:hover{text-decoration: none;}
.bnr_s{ width: 200px; margin: 0 auto 10px;}
.bnr_s img{	margin : 3px 5px;}
.bnr_m img{	margin : 0px 2px 2px;}
/* END バナー広告 */

/* drag & drop box */
/* Colors */
.color-grid  {background:#dfdfdf;}

/* Columns section */
#columns .column {
		/* Min-height: */
		min-height:40px;
		height: auto !important; 
		height: 40px;
		line-height: 1.5em;
}

/* Column dividers (b
ackground-images) : */
/*
	#columns #column1 { background: url(utl/column-bg-left.png) no-repeat right top; }
	#columns #column3 { background: url(utl/column-bg-right.png) no-repeat left top; }
*/	
#columns #column1 .widget { margin: 10px 0 ; }
#columns #column3 .widget { margin: 10px 0 ; }
#columns .widget {
    margin: 30px 0 0;
    padding: 2px 1px 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
#columns .widget .widget-head {
    color: #000;
    overflow: hidden;
    width: 100%;
    height: 30px;
    line-height: 30px;
}
#columns .widget .widget-head h3 {
    padding: 0 5px;
    float: left;
}
#columns .widget .widget-content {
    background: #fff;
    padding: 0 5px;
    color: #DDD;
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-bottomright: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    overflow: hidden;
}
#columns .widget .widget-content p {
    padding: 0.8em 0;
    border-bottom: 1px solid #666;
}
#columns .widget .widget-content img {
    float: right;
    margin: 10px;
    border: 1px solid #FFF;
}
#columns .widget .widget-content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}
#columns .widget .widget-content ul {
    padding: 5px 0 5px 0px;
    list-style: disc;
}
#columns .widget .widget-content ul li {padding: 3px 0 0 23px;;}
#columns .widget .widget-content ul.images {
    padding: 7px 0 0 0;
    list-style: none;
    height: 1%;
}
#columns .widget .widget-content ul.images li {
    display: inline;
    float: left;
}
#columns .widget .widget-content ul.images img {
    display: inline;
    float: left;
    margin: 0 0 7px 7px;
}
/* End Columns section */

/* end drag & drop box */

/* Contents Start*/
#narrowContainer{
	margin: 5px 0;
}
#narrowContainer .H2outline{
	background: url(images/bk_H2.png) left repeat-x;
	height: 30px;
	padding-top: 8px;
	margin-bottom: 10px;
}
#narrowContainer h2{
	margin-left: 10px;
	padding-left: 10px;
	border-left: 5px #cccc99 solid;
	line-height: 20px;
}
#narrowContainer h3, #narrowContainer h2.globalsearch_title{
/*	font-weight: bolder; */
	margin: 5px 0;
	padding-left: 8px;
	background: #eee;
	height: 32px;
	line-height: 32px;
	border-top: 2px #ccc solid;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}
#narrowContainer h4{
	font-weight: bolder;
	border-left: 5px #b5b577 solid;
	border-bottom: 1px #b5b577 solid;
	margin: 15px 0 8px;
	padding-left:5px;
	line-height: 32px;
}
#narrowContainer h5.shopName{
	font-weight: normal;
/*	font-size: 0.9em; */
	margin-left: 0.5em;
}

/* クライアント一覧表示 */
#narrowContainer div.boxList{
/*
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
	    -moz-border-radius: 4px;
	    -webkit-border-radius: 4px;
	    border-radius: 4px;
*/
	width: 235px;
	float: left;
	margin: 0 5px 10px;
  min-height: 190px;
  height: auto !important;
  height: 190px;

}
#narrowContainer div.boxList h4{
	border: none;
	border-top: 1px #666 solid;
	border-bottom: 1px #666 dotted;
	margin: 8px 0;
	background: none;
	line-height: 1.3em;
	padding: 5px;
}
#narrowContainer div.boxList .content{
	margin-bottom: 8px;
	line-height: 1.5em;
}
.content{margin-bottom: 20px; font-size: 0.95em; line-height: 1.5em; clear: both;}
.arcList{background-color: #fff; padding: 8px;}
.arcList .content{padding-left: 8px; border-bottom: 1px #ccc dotted;}

/* Top page site box*/
.boxSite_L, .boxSite_s{
	padding: 5px 0;
	line-height: 1.4em;
}
.boxSite_s{width: 170px; margin-left: 10px; float: left}
.boxSite_s_first{margin-left: 0px}
.boxSite_s_first .inner, .boxSite_s .inner{
	background: #fff;
	padding: 5px 0;
	margin-bottom: 10px;
}

.widget-content {
}
.widget-content h5{
	color: #F60;
	font-weight: bolder;
}
.widget-content .inner{
	margin: 0 0 0 3px;
	float: left;
	width: 158px;
}
.boxSite_L .inner ul, .boxSite_s .inner ul, .boxSite_s_first .inner ul{
	margin: 0;
}

.inner ul li       , .innerCol ul li        { padding-left: 18px; background-position: left 0.45em; background-repeat: no-repeat; line-height: 20px;}
.inner ul li.normal, .innerCol ul li.normal { background-image: url(images/list-01.png);}
.inner ul li.new   , .innerCol ul li.new    { background-image: url(images/list-03.png);}
.inner ul li.up    , .innerCol ul li.up     { background-image: url(images/list-02.png);}

#columns ul{margin-left: 0;}
#columns ul li ul{margin-left: 0px; padding-left: 20px;}
#columns ul li ul li{list-style: none; background-position: left 0.5em; background-repeat: no-repeat;}
#columns ul li ul li.normal{ background-image: url(images/list-01.png);}
#columns ul li ul li.new   { background-image: url(images/list-03.png);}
#columns ul li ul li.up    { background-image: url(images/list-02.png);}

#sortarea{}
#sortarea .widget {
    border-radius: 4px 4px 4px 4px;
    margin: 5px 0;
    padding: 2px 1px 1px;
}
.sortableHelper{background-color: #fffaf0; border:1px #c0c0c0 dashed;}

#sortarea .widget .widget-head {
    color: #000000;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    width: 100%;
	cursor:move;
}

#sortarea .widget .widget-head h3 {
    padding: 0 0.5em;
}

#sortarea .widget .widget-content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #DDDDDD;
    overflow: hidden;
    padding: 5px;
}

.boxSite_L .inner , .boxSite_s .inner , .boxSite_s_first .inner {
	line-height: 1.5em;
}
.boxSite_LL h4, .boxSite_L h4, .boxSite_s h4{
	padding: 3px 8px;
	background: #336666;
	margin: 0 0 8px;
	color: #fff;
}
.boxSite_LL{
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	background: #fff;
}
.boxSite_LL .innerCol{
	margin-left: 5px;
}
.boxSite_LL ul{
	margin: 0;
}

.innerCol .column { margin-left: 0px;}
.innerCol .first {margin-left: 0px; }
.innerCol .last { }

/* END Top page site box*/

/* Link */
.linkcat{clear: both;}
ul.blogroll{}
ul.blogroll li{float: left; width:140px; padding-right: 20px;}

/* END Link */

/* Footer */
.copyright{
	text-align: center;
	color: #999;
}
/* END Footer */


/* Event Site */
table.eventCal{width: 430px;}
table.eventCal th{white-space: nowrap; padding-right: 10px;}
table.eventCal th{width: 20px;}
table.eventCal td{width: 410px;}


/* END Event Site */

/* Specific to TAB BOX */
#tab-box {margin-top: 10px; margin-bottom: 10px;}
#tab-box .list-wrap{
	padding: 10px; margin: 0 ; line-height: 1.5em;
	border-style: solid; 
	border-width: 1px;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
	height: 250px !important;
	overflow: auto;
}

#tab-box .list-wrap ul { list-style: none; margin: 0;}
#tab-box .list-wrap ul li { 
	border-bottom: 1px dotted #CCF; 
	line-height: 1.8em;
	padding-left: 22px; 
	background-position: left 0.4em; 
	background-repeat: no-repeat;
	background-image: url(images/list-01.png);	
}
#tab-box .list-wrap ul li a { padding: 4px; }
#tab-box .list-wrap ul li a:hover { }
#tab-box .list-wrap ul li:last-child a { border: none; }

#tab-box ul li.nav-one a.current, #tab-box ul.list01 li a:hover,
#tab-box ul li.nav-two a.current, #tab-box ul.list02 li a:hover,
#tab-box ul li.nav-three a.current, #tab-box ul.list03 li a:hover,
#tab-box ul li.nav-four a.current, #tab-box ul.list04 li a:hover {
	color: brown; 
}

#tab-box .nav { overflow: hidden; margin: 0; }
#tab-box .nav li {
	font-size: 0.9em;
	width: 122px; 
	float: left; 
	margin: 0 1px 0 0;
}
#tab-box .nav li.last { margin-right: 0; }
#tab-box .nav li a { 
	display: block; 
	padding: 5px;
	color: #000;
	text-align: center;
	border-style: solid; 
	border-width: 1px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
#tab-box .nav li a:hover { background-color: #69C; color: #fff; }

/*********************************************/

#narrowContainer, #Sidebar-1, #Sidebar-2{
	margin-bottom: 10px;
}

#header_font a{color: #ff4500; font-weight: bolder;}
#header_font a:hover{color: #2f4f4f;}

.content .navigation {
	margin-top: 20px;
	line-height: 28px;
	background-color: #f6fbe7;
	border-top   : 1px #b5b577 solid;
	border-bottom: 1px #ccc dotted;
}
.content .navigation .navileft {
	float:left;
	padding:0 0 0 10px;
}
.content .navigation .naviright {
	float:right;
	padding:0 10px 0 0;
}
.content .post{margin: 0px;}
.content .post ul li{margin-bottom: 5px;}
.content .post dl dt{margin-left: 1em;}
.content .post dl dd{margin-left: 3em;}
.content .post .icatche{width: 100px; float: left; margin: 0 10px 5px 0}
.content .post .icatche img{padding: 0px;}
.content .post .alignleft {float: left; margin: 0 10px 8px 5px;}
.content .alignright{float: right; margin: 0 5px 8px 10px;}

.content .post table.addList{margin-bottom: 10px;}
.content .post table.addList th{background-color: #cccc99; text-align: center;}
.content .post table.addList th, .content .post table.addList td
{
	border: 1px solid #ccd;
	padding: 3px 5px;
}
.content .postmetadata{font-size: 0.85em; margin: 5px 0; text-align: right; border-top: 1px #e0e0e0 dotted;}

.content .category{line-height: 1.5em;}
.content .sharing{padding: 10px 0 20px;}

/* 共通 */
.widget_center{
	text-align:center;
	padding: 10px 0;
}
/* end 共通 */

/* 検索結果 */
#narrowContainer .globalsearch_header{min-height: 0; margin: 0; padding: 0}
#narrowContainer h2.globalsearch_title{margin: 0}
#narrowContainer .globalsearch_meta{display: none;}
#narrowContainer .globalsearch_content{margin: 0;}
#narrowContainer .globalsearch_content .entry{margin-left: 1em;}
#narrowContainer .globalsearch_post{margin-bottom: 0;}
/* end 検索結果 */

/* コンタクトフォーム */
.wpcf7 p{margin-bottom: 10px; margin-left: 20px;}
.wpcf7 p .tit{color: #4169e1; font-weight: bolder;}
.wpcf7-submit{padding: 5px}
.wpcf7 #inquiry_form{width: 600px; margin: 20px auto; border-collapse: separate;}
.wpcf7 #inquiry_form th{background-color: #f5f5ff;}

/* end コンタクトフォーム */

.kuzu{font-size: 0.85em; margin-bottom: 8px;}

.dateMeta{font-size: 0.8em;}

.button{padding: 3px 5px;}

.gadget{margin: 0 auto;}

div.twtr-doc{margin: 0 auto;}

.aligncenter{text-align: center;}
img.aligncenter{margin: 0 auto;}

.no_underline a:hover{text-decoration: none;}

dl.gallery-item dt.gallery-icon{margin-left: 0;}

/* Google Map */
#nw_mapArea{margin: 20px 0;}
.mapp-canvas-panel{border: 1px #ccc solid; margin-top: 2em;}

.mapp-container{clear: both;}

.mapp-layout{clear:both;}

/* クライアント シングルページ */
.content .thumbimage{
	width: 170px;
	height: 170px;
	float: left;
}

.goUrl{
	text-align: center; 
	margin: 20px 50px; 
	clear: both;
}
.goUrl a{
	color: #ffffff;
	padding: 5px 10px;
	border: 1px #bdb76b solid;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	background-color: #bdb76b;
}
.goUrl a:hover{
	border-color: #ff6347;
	background-color: #ff6347;
	text-decoration: none;
}

/* 印刷指定 */
@media print{
	html,body{background: none;}

	#LContainer, #RContainer, #head_container, #footer_container2 {
		display: none;
	}
	#body_container{
		background: none; 
		width: 100%;
	}
	#CContainer{
		display: inline; 
		width: 100%; 
		float: none; 
		background: none; 
		border: none;
	}
}

/* 天気予報 */
.japantenki {
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
.japantenki1, .japantenki2, .japantenki3  {width: 80px}

.japantenki1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
}

.japantenki2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px;
	text-align: center;
	float: left;
}

.japantenki3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	float: left;
}

.goWeather{
	margin: 15px 10px 5px;
	padding-top: 5px;
	text-align: right;
}

.flowplayer, flowplayer * {margin-bottom: 0}