/* micro clearfix */
.cf:before,.cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}


/* =Typography
-----------------------------------------------------------------------------*/
body.top { background:#FFF url(img/bg01.png) no-repeat fixed center center; -webkit-text-size-adjust: none; }
body.page { background:#FFF url(img/bg02.png) repeat-y scroll top center; -webkit-text-size-adjust: none; }

h1, h2, h3, h4, h5{font:13px/1 "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif;}
h2, h3 { 
	font-weight: normal;
}

@font-face {
	font-family: 'CONDENSEicon';
	src: url('font/CONDENSEicon.eot');
}
@font-face {
    font-family: 'CONDENSEicon';
    src:url('font/CONDENSEicon.woff') format('woff'),
        url('font/CONDENSEicon.otf') format('opentype');
}
.ico01{ font-family:"CONDENSEicon"; font-weight:normal; padding-left:3px; padding-right:3px; font-size:1.2em;}
.ico02{ font-family:"CONDENSEicon"; font-weight:normal; padding-left:3px; padding-right:3px; }




/* =Common
-----------------------------------------------------------------------------*/
img, #feedback, #banner, #intro li {
	border-radius: 1px;
	vertical-align:middle;
}
img{max-width: 100%;}
/* =Header
-----------------------------------------------------------------------------*/
#header-wrapper{background: url(img/header_bg.png) repeat-x scroll top center;}
#header{margin:0 auto; width: 983px; max-width: 983px; height:209px;}
#site-logo h1,#site-logo p{float: left; margin:24px 0px 0px 0px; padding: 0; display:inline;}

/*------- info -------*/
#header #info{ float:right; margin-top:24px; margin-bottom:20px; }
.tel{ margin-bottom: 19px;}
.tel p{ float:left; display:inline; margin-bottom:0; }

/*------- subnav -------*/
#header #subnavi{font-family:'Hiragino Mincho ProN', serif; float: right;}
#header #subnavi ul{}
#header #subnavi ul li{float: left; margin-left: 18px; list-style-type: none;}
#header #subnavi ul li a:link{color: #666;}

/*------- nav -------*/
#header nav { margin: 0; padding: 0; position:relative; top: 0px;}
#header nav ul { float:left; margin-bottom:0; margin-left: 0;}
#header nav ul li { float: left; margin:0px; }
#header nav ul li a{padding: 0; margin: 0; }

@-moz-document url-prefix() {
	#header nav {top: 3px;}
}

/*------- search -------*/
#search{ float:right; height:28px; width:196px; padding:6px; display:inline;}
div#search form.search-form input#s{ width:134px; margin-bottom:0;}
.ie7 #search{ float:right; height:28px; width:200px; padding:5px 6px 6px 6px; display:inline;}
.ie7 div#search form.search-form input#s{ width:134px; margin-bottom:0;}


/* =Layout
-----------------------------------------------------------------------------*/
#siteWrapper{ 
	padding:0;
	margin: auto;
}
.wrapper {
	max-width:980px;
	margin: auto;
}
#topcontents{margin-top: 550px;}
.row h1,.row h2,#tenki h2{ background-color:#2f66b3;}

#breadcrumb{ margin-top:0.1em; margin-bottom:0.8em; }
#breadcrumb div{ margin-bottom:0; margin-left:0;border-top:1px solid #FFF; padding-bottom:2px; }
#breadcrumb ul{ width:980px; margin:0 auto;}
#breadcrumb ul li{ list-style:none; display:inline; font-size:10px; font-size:1.0rem;}

.box{ background-color:#FFF; margin-bottom:1.4em;}
.contentbox{ background-color:#FFF; margin-bottom: 2em;}
div.contentbox:last-child{ background-color:#FFF; margin-bottom: 1em;}
.row h1{ color:#53483f; background: url(img/h_bg.png) repeat-x ; padding:11px 0px 11px 9px; font-family:'Hiragino Mincho ProN', serif; margin-bottom:1em; height:24px; font-size:21px; font-size:2.1rem; font-weight:bold; text-shadow:0 1px 0 #ffffff; }
.row h2{ color:#53483f; background: url(img/h_bg.png) repeat-x ; padding:11px 0px 11px 9px; font-family:'Hiragino Mincho ProN', serif; margin-bottom:0; height:24px; font-size:21px; font-size:2.1rem; font-weight:bold; text-shadow:0 1px 0 #ffffff; }
.row h1 span img,.row h2 span img,.quarter h3 span img{margin-top: -4px; margin-right: 5px;}
.row h2 span.right a{ color:#442f02; text-decoration:none; margin-right:8px; }

.ie8 .row h1{ color:#53483f; background: url(img/h_bg.png) repeat-x ; padding:11px 0px 11px 9px; font-family:'Hiragino Mincho ProN', serif; margin-bottom:1em; height:24px; font-size:21px; font-size:2.1rem; font-weight:bold; text-shadow:0 1px 0 #ffffff; }

.inner h2{ color:#53483f; padding:11px 0px 9px 11px; margin-bottom:1.4em; background-image: none; background-color: #f5f2e1; font-size: 17px; font-size: 1.7rem; height: auto; }
.inner h3{ color:#53483f; font-weight:bold; margin-bottom:1.5em; font-family:'Hiragino Mincho ProN', serif;}
.inner h4{ color:#53483f; font-weight:bold; margin-bottom:1.5em; font-family:'Hiragino Mincho ProN', serif;}
.inner h5{ color:#53483f; font-weight:bold; margin-bottom:1.5em; font-family:'Hiragino Mincho ProN', serif;}
.inner h6{ color:#53483f; font-weight:bold; margin-bottom:1.5em; font-family:'Hiragino Mincho ProN', serif; font-size:13px; font-size:1.3rem; }
.page .inner{ padding:1.5em;}

.box dl{border-bottom:1px dotted #ccc; padding-bottom:0.8em;}
.page .box dl{padding-bottom:1.5em;}
.box dl:last{border-bottom:none;}
.box dl dt{ float:left; display:inline; margin-right:5px;}
/* ie8 */
.box dl dt{ float:none\9;}

.box dl dt img{ border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.box dl dd{ float:right; margin-left:0; width:70%;}
.page .box dl dd{width:80%;}
.box dl dd h3{ color:#333; font-weight:bold; padding:0 0 3px; margin-bottom:0.5em; border-left:none;}
.box dl dd p{ margin-bottom:1em; font-size:11px; font-size:1.1rem; }
.box dl dd p a{ text-decoration:none; color:#666;}
.box dl dd p a:hover{ text-decoration: underline; color:#CCC;}

.contentbox dl{border-bottom:1px dotted #ccc; padding-bottom:0.8em;}
.page .contentbox dl{padding-bottom:1.5em;}
.contentbox dl:last{border-bottom:none;}
.contentbox dl dt{ float:left; display:inline; margin-right:5px;}
/* ie8 */
.contentbox dl dt{ float:none\9;}

.contentbox dl dt img{ border-radius:3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.contentbox dl dd{ float:right; margin-left:0; width:70%;}
.page .contentbox dl dd{width:80%;}
.contentbox dl dd h3{ color:#333; font-weight:bold; padding:0 0 3px; margin-bottom:0.5em; border-left:none;}
.contentbox dl dd p{ margin-bottom:1em; font-size:11px; font-size:1.1rem; }
.contentbox dl dd p a{ text-decoration:none; color:#666;}
.contentbox dl dd p a:hover{ text-decoration: underline; color:#CCC;}

.inner dl dd{ float:right; margin-left:0; }
.list { border-bottom:1px dotted #ccc; margin-bottom:1.5em; }
.list h4{ margin-bottom:0.6em; }
.list p{ margin-bottom:1em; font-size:11px; font-size:1.1rem; }
.list p a{ text-decoration:none; color:#666; }
.list p a:hover{ text-decoration: underline; color:#CCC; }


.quarter ul{ margin:0; padding:0; margin-bottom:0.1em; }
.quarter ul li{ list-style-type:none; border-bottom:1px dotted #CCC; margin-right: 10px; margin-left: 10px;}
.quarter ul li a{ color:#666; display:block; text-decoration:none; padding-bottom:0.7em; padding-top:0.7em; padding-left:0.7em; }
.quarter ul li a:hover{ text-decoration: underline; }
.quarter ul li:last-child{ border-bottom: none; }

.quarter h3{ color:#53483f; background: url(img/h_bg.png) repeat-x ; padding:11px 0px 11px 9px; font-family:'Hiragino Mincho ProN', serif; margin-bottom:0; height:24px; font-size:21px; font-size:2.1rem; font-weight:bold; text-shadow:0 1px 0 #ffffff; }
.quarter h4{ line-height:1.5em; padding-left:0.5em; padding-right:0.6em;}
.quarter h4:before,.quarter h4:after {content:"";display:table;}
.quarter h4:after {clear:both;}
.quarter h4 {zoom:1;}

.m-left20{margin-left:20px;}
.m-right20{margin-right:20px;}

.info-inner{ padding:1em 1em 0.1em;}
.info-inner p{ margin-bottom:5px; line-height:1.4em;}
.tel02{ margin-bottom:3px;}
.tel02 p{ float:left; display:inline; margin-bottom:5px; margin-right:8px;}
.tel02 p img{ margin-top:3px;}
.fm02{ color:#FFF; margin-bottom:1em;}
.fm02 a{ display:block; padding:12px; color:#FFF; text-decoration:none; background-color:#f5a82f; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; text-align:center;}
.fm02 a:hover{color:#f5a82f; text-decoration:none; background-color:#edd7b3;}

#banner{ width:100%;}
#banner ul{ margin:0; background-color:#FFF;}
#banner ul li{ float:left; display:inline; margin:15px 0px 15px 15px;}
#banner ul li:last-child{}
#banner ul li a{}

ul.tabs,ul.tabs2,ul.tabs3 {list-style-type:none; margin-left:0; margin-bottom:0;}
ul.tabs,ul.tabs2,ul.tabs3 { margin-left:0\9; margin-bottom:0\9;}

ul.tabs li:first-child,ul.tabs2 li:first-child,ul.tabs3 li:first-child {border-left:1px solid #dfdfdf; list-style-type: none;}
ul.tabs li,ul.tabs2 li,ul.tabs3 li {float:left; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf; background-color:#fff;list-style-type: none; }
ul.tabs li.active,ul.tabs2 li.active,ul.tabs3 li.active {border-bottom:1px solid #dfdfdf; background-color:#F5F2E1; margin-bottom:-1px;}
ul.tabs li a ,ul.tabs2 li a,ul.tabs3 li a  {display:block; padding:5px 10px; color:#666; font-weight:bold; outline:none; text-decoration:none; }
ul.tabs li a:hover,ul.tabs2 li a:hover,ul.tabs3 li a:hover{ color:#53483f;}
ul.tabs li.active a,ul.tabs2 li.active a,ul.tabs3 li.active a {font-weight:bold; color:#53483f;}
div.tabs_content > div ,div.tabs_content2 > div,div.tabs_content3 > div{ overflow:auto; margin-bottom: 1em;}

.widget, .widget_custom_post_widget{list-style-type: none;}

.reihin div table tbody tr td{width: 50%;}

/*------- parts -------*/
.link{background:url(img/chk.png) no-repeat scroll 3px center transparent;padding: 0 0 0 18px; line-height:1.6;}
.pagedate{ color:#666; font-size:10px; font-size:1.0rem; text-align:right; margin-bottom:1em; margin-right:1em;}

.wrapper .split .threefifth{}
.wrapper .split .fifth{ }
.wrapper .split .res{}
.wrapper .split .ml14{}

.listLink{ font-size:0.9em; margin-bottom:0;}
.info-thumbnail{height: 92px; width: 121px;}

/* =Footer
-----------------------------------------------------------------------------*/

#footer { color: #666;
	margin-top: 3em;
	padding-bottom: 30px;
	font-size:11px; font-size: 1.1rem; 
	padding-top: 2em;
	background-color: #fff;
	font-family:'Hiragino Mincho ProN', serif;
}
.ie8 #footer { color: #666;
	margin-top: 3em;
	padding-bottom: 30px;
	font-size:11px; font-size: 1.1rem; 
	padding-top: 2em;
	background-color: #fff;
	font-family:'Hiragino Mincho ProN', serif;
}

#pagetop{ position: relative;top:5px; left:5px;}

#footer section { text-align:center;}
#footer ul {list-style: none;margin-bottom:2em; text-align:center;}
#footer ul li { display:inline; margin-right:14px;}
#footer ul li:last-child{ margin-right:0}
#footer ul li a{ text-decoration:none; color:#666;}
#footer ul li a:hover{ text-decoration:underline; color:#CCC;}

/* ---------------------------- parts ---------------------------- */

.linkText{
	font-size:85%;
	text-align:right;
	background:#FFFFFF url(img/cursol_red.gif) no-repeat 75px center;
}
.linkText:a{
	color:#F00;
}

.inline{display:inline;}
.block{ display:block; }
.right{float: right;}
.left{float: left;}
.clr{clear:both;}
.center{text-align:center;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.textLeft{text-align:left;}
.textRight{text-align:right;}
.right-box-ml14{float:right;margin-left:14px;}
.left-box-mr14{float:left;margin-right:14px;}
.thead-gray{font-weight: bold; background-color: #F0F0F0;}
.underline{text-decoration: underline;}
.wrapp {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}
.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}
/* ---------------------------- list ---------------------------- */

.disc{list-style-type:disc;}


/* ---------------------------- form ---------------------------- */

/* ---------------------------- line ---------------------------- */

hr {
	color: #eeeeee; /* IE */
	background-color: #eeeeee; /* NN */
	height: 1px;
	border: 0px;
	margin: 5px 0px 5px 0px;
	*margin: 1px 0px 1px 0px;
}


/* ---------------------------- table ---------------------------- */

caption{text-align: left;}

table.style{
	border-collapse:separate;
	border:1px solid #C7D1D9;
	margin-bottom: 1.5em; 
}
.style th{
	padding: 6px 6px;
	border-top: 1px solid #FFF;
	background-color: #DEE6EC;
	font-weight:bold;
	border-bottom:none;
	width: 30%;
}

.style td{
	padding: 6px 6px;
	/*border-top: 1px dotted #E6E6E6;*/
	border-bottom:none;
}
.trTop th,.trTop td{ border-top:none;}
/*table.style{
	border-top: 1px solid #70ADDD;
	border-left: 1px solid #70ADDD;
	border-collapse: collapse;
	margin-bottom: 12px; 
}

.style th{
	padding: 6px 6px;
	border-right: 1px solid #70ADDD;
	border-bottom: 1px solid #70ADDD;
	background-color: #E0EAF1;
	font-weight:bold;
}

.style td{
	padding: 6px 6px;
	border-right: 1px solid #70ADDD;
	border-bottom: 1px solid #70ADDD;
}*/

/* ---------------------------- table in box ---------------------------- */

table.in{
	border-top: 1px solid #B4B4B4;
	border-left: 1px solid #B4B4B4;
	border-collapse: collapse;
	font-size: 100%;
}

.in th{
	padding: 2px 6px;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
	background-color: #EEEEEE;
}

.in td{
	padding: 2px 6px;
	border-right: 1px solid #B4B4B4;
	border-bottom: 1px solid #B4B4B4;
}

/* ---------------------------- table layout ---------------------------- */

table.layout{
	border-collapse: collapse;
	font-size: 100%;
}

table.layout td{
	padding: 6px 2px 6px 28px;
}


/* ---------------------------- font size ---------------------------- */

.font-xl{ font-size:18px; font-size:1.8rem;line-height:1.224;}
.font-l { font-size:15px; font-size:1.5rem;line-height:1.244;}
.font-m { font-size:13px; font-size:1.3rem;line-height:1.286;}
.font-s { font-size:11px; font-size:1.1rem;line-height:1.335;}
.font-85 { font-size:9px; font-size:0.9rem;line-height:1.375;}
.font-xs{ font-size:7px; font-size:0.7rem;line-height:1.401;}

/* ---------------------------- color ---------------------------- */

.back-blue{ background-color:#dee6ec;}
.red{color:#ea0a0a;}

/* ---------------------------- text ---------------------------- */

em{font-style:italic;}
strong{font-weight:bold;}
.strong{font-weight:bold;}
.upper {text-transform: uppercase;}


/*General Mosaic Styles*/
.mosaic-block {
	position:relative;
	overflow:hidden;
	height:200px;
	background:#2f66b3 url(img/progress.gif) no-repeat center center;
}

.details{ margin:15px 20px;}	
.details h4{ font-weight:bold;}	
.details p{ margin-bottom:0;}	

.mosaic-backdrop {
	display:none;
	position:absolute;
	top:0;
	height:100%;
	width:100%;
	background:#2f66b3;
}

.mosaic-overlay {
	display:none;
	z-index:5;
	position:absolute;
	width:100%;
	height:100%;
	background:#2f66b3;
	text-decoration:none; color:#FFF;
}
a:hover.mosaic-overlay { text-decoration:none; color:#FFF;}


/*** Custom Animation Styles (You can remove/add any styles below) ***/
.circle .mosaic-overlay {
	background:url(img/hover-magnify.png) no-repeat center center;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	display:none;
}

.fade .mosaic-overlay {
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
	filter:alpha(opacity=00);
	background:url(img/bg-black.png);
}

.bar .mosaic-overlay {
	bottom:-100px;
	height:100px;
	background:url(img/bg-black.png);
}

.bar2 .mosaic-overlay {
	bottom:-50px;
	height:100px;
	opacity:0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter:alpha(opacity=80);
}

.bar2 .mosaic-overlay:hover {
	opacity:1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
}

.bar3 .mosaic-overlay {
	top:-100px;
	height:100px;
	background:url(img/bg-black.png);
}
/*** End Animation Styles ***/

#carousel-wrapper {
	width: 100%;
	height:500px;
	overflow: hidden;
	position: absolute;
	margin-top:1px;
	margin-bottom:1.0em;
	border-bottom: rgba(255, 255, 255, 1) solid 5px;
	box-shadow:0 0 3px 1px rgba(113, 135, 164, 0.35); -webkit-box-shadow:0 0 3px 1px rgba(113, 135, 164, 0.35);
}

#carousel img {
	display: block;
	float: left;
	width:980px;
	height:500px;
}
#prev, #next {
	background:url(img/icatch_bg.png) repeat;
	display: block;
	height: 500px;
	width: 50%;
	top: 0;
	position: absolute;
}
#prev:hover, #next:hover {
	background-color: #fff;
	background-color: rgba(0, 0, 0, 0.3);
}
#prev {
	left: -490px;
}
#prev img.navL{ position:relative; left:100%; top:47%; margin-left:-64px;}
#next {
	right: -490px;
}
#next img.navR{ position: relative; top:47%; margin-left: 29px;}
#pager {
	margin-left: -470px;
	position: absolute;
	left: 77.5%;
	bottom: 10px;
}
#pager a {
	border: 2px solid #fff;
	border-radius: 10px;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
}
#pager a:hover {
	background-color: rgba(255, 255, 255, 0.5);
}
#pager a span {
	display: none;
}
#pager a.selected {
	background-color: #fff;
}



/* =XGA 1024x768 (for PC)
-----------------------------------------------------------------------------*/
/*@media only screen and (min-width: 960px) and (max-width: 1196px) {
}
*/
/* =Tablet (Portrait)
-----------------------------------------------------------------------------*/
/*@media only screen and (min-width: 768px) and (max-width: 960px) {
body{-webkit-text-size-adjust: none;}
.wrapper{ width:auto;}
#header div#site-logo{font-size:11px;font-size:1.2rem;float: left; margin-right:14px; display:inline;}
header h1,#site-title{ float:left; margin-top:13px; color:#333; font-weight:bold; font-size:1.5rem; line-height:1; }

#footer section, #footer nav { float: none; }
#footer nav ul { margin-top: 1em; }
#footer nav ul li { margin: 0; margin-right: 1em; }	
.box h2{ height:100%;}

.box dl dd{ float:left; margin-left:1em; width:59%;}
}

*/
/* =Mobile (Landscape)
-----------------------------------------------------------------------------*/
/*@media only screen and (min-width: 481px) and (max-width: 767px) {
#siteWrapper{ padding: 0 0;}
body{-webkit-text-size-adjust: none;}
.m-left20{margin-left:20px; margin-right:20px; }
.m-right20{margin-right:20px; margin-left:20px; }
.box dl dd{ float:left; margin-left:1em; width:70%;}

#search{ display:none;}
nav { clear:both; height:auto; margin: 0; margin-bottom:0.2em; padding: 0; border-top:2px solid #1544b0; border-bottom:2px solid #0c2a6c; position:relative;}
header h1,#site-title{ float:left; margin-top:13px; color:#333; font-weight:bold; font-size:1.5rem; line-height:1; }

}
*/

/*@media only screen and (max-width: 480px) {
body{-webkit-text-size-adjust: none;}
#header div#site-logo{font-size:11px;font-size:1.2rem;float: left; margin-right:0; margin-bottom:0; display:inline;}
header h1,#site-title{ float:left; margin-top:0.1em; margin-left:2em; color:#333; font-weight:bold; font-size:1.3rem; line-height:1; }
nav { clear:both; height:auto; margin: 0; margin-bottom:0.2em; padding: 0; border-top:2px solid #1544b0; border-bottom:2px solid #0c2a6c; position:relative;}
#search{ display:none;}
#sns{ display:none; }
.box dl dt{ float:left; display:inline; margin-right:0; width:30%; }
.box dl dd{ float:right; margin-left:0.7em; width:66%;}
.box dl dd h3{ color:#333; font-weight:bold;}
#footer ul {list-style: none;margin-bottom:2em; text-align:left;}
#footer ul li { margin-left:2em; margin-bottom:1em; display:block; }
#footer ul li:last-child{ margin-right:0}
#footer ul li a{ text-decoration:none; color:#666; }
#footer ul li a:hover{ text-decoration:underline; color:#CCC;}
.threequarter .box .inner{ padding:0; }
.m-left20{margin-left:20px; margin-right:20px; }
.m-right20{margin-right:20px; margin-left:20px; }

}

*/