@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header

----------------------------------------- */
#header address{
	float: left;
	clear: left;
	padding-top: 20px;
	font-size: 10px;
	line-height: 1.2em;
	padding-left: 20px;
}
#header p.header-contact{
	float: right;
	clear: right;
	margin-top: 9px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#contents #header p.header-contact{
	margin-top: 13px;
	padding-bottom: 11px;
}

#contents #header #logo{
	padding-top: 13px;
	padding-left: 8px;
	padding-bottom: 2px;
}


/*#contents #header .header-left{
	float: left;
	clear: left;
	width: 256px;
	
}*/
#contents #header .header-left{
	float: left;
	clear: left;
	width: 30%;
	
}

#contents #header  ul.navleft li{
	float: left;
	padding-top: 14px;
}

#contents #header  ul.navright li{
	float: left;
	padding-top: 11px;
}
#contents #header  ul.navleft li.first{
	padding-top: 0px;
	padding-right: 4px;
}
#contents #header  ul.navright li.first{
	padding-top: 0px;
	padding-right: 11px;
}

#contents  #header #header-inner{
	width: 650px;
	float: right;
	clear: right;
}

#contents  #header .main-image{
	float: left;
	clear: left;
	width: 352px;
}

#contents  #header .header-right{
	float: right;
	clear: right;
	width: 265px;
}

/* nav

----------------------------------------- */


#nav #logo{
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
	
}

#nav #header-inner{
	width: 724px;
	float: right;
	clear: right;
}
#nav .main-image{
	float: left;
	clear: left;
	width: 520px;
}
#contents #header .main-image #iview p,
#nav .main-image #iview p{
	position: relative;
	z-index: 99999;
}

#nav ul.navleft{
	float: left;
	overflow: hidden;
	width: 226px;
	display: block;
}
#nav ul.navright{
	float: right;
	margin-top: 16px;
	text-align: right;
	width: 199px;
}


#nav ul.navleft li.first{
	padding-left: 19px;
	padding-bottom: 22px;
}
#nav ul.navright li.first{
	padding-right: 31px;
	padding-bottom: 14px;
}



/* footer

----------------------------------------- */

#footer a{
	color: #78533F;
}

#footer a:hover{
	color: #ED6888;
}

#footer ul.footer-navi{
	clear: both;
	overflow: hidden;
	width: 100%;
	font-size: 90%;
	margin-bottom: 10px;
}
#footer ul.footer-navi li{
	float: left;
	display: inline;
	margin-left:10px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #EBEAE5;
}
#footer ul.footer-navi li.first{
	margin-left:160px;
	padding-left: 0px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #EBEAE5;
}
#footer ul.footer-navi li.pagetop{
	margin-left:0px;
	padding-left: 0px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #EBEAE5;
	float: right;
}
#footer ul.footer-navi li.pagetop a{
	padding-left: 12px;
}


#footer #footer-banner{
	clear: both;
	overflow: hidden;
	text-align: center;
}
#footer #footer-banner ul{
	clear: both;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	padding-top: 22px;
	padding-bottom: 20px;
}
#footer #footer-banner ul li{
	float: left;
	display: inline;
	margin-left:35px;
}


#footer ul#footer-maker-banner{
	clear: both;
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	padding-top: 3%;
	padding-bottom: 3%;
}
#footer ul#footer-maker-banner li{
	float: left;
	display: inline;
	margin-left:5px;
	margin-right:4px;
	margin-bottom:10px;
}


#footer-bottom{
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/footer-logo.png);
	background-position: center top;
	padding-bottom: 5%;
	overflow: hidden;
	background-repeat: no-repeat;
}

#footer-bottom .footer-copy{
	float: left;
	clear: left;
	text-align: right;
	width: 45%;
	padding-right: 5%;
}

#footer #footer-bottom ul.footer-navi{
	float: right;
	clear: right;
	margin-right: 0px;
	margin-left: 0px;
	width: auto;
	margin-top: 5px;
	margin-bottom: 5px;
}

#footer #footer-bottom ul.footer-navi li.first{
	margin-left:0px;
	padding-left: 0px;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #EBEAE5;
}


#footer p#copyright{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 80%;
	line-height: 1.2em;
	clear: both;
}


#footer-bottom .footer-address{
	float: right;
	clear: right;
	width: 45%;
	text-align: left;
	padding-left: 5%;
}

#footer-bottom .footer-address p{
}



/* topicpath

----------------------------------------- */

#contents ol.topicpath{
	font-size: 85%;
	text-align: left;
	overflow: hidden;
	zoom: 1;
	clear: both;
	width: 600px;
	padding: 0px;
	height: 35px;
	float: right;
	color: #78533F;
}

#contents ol.topicpath li{
	display: inline;
	margin-top: 20px;
	line-height: 3em;
}
#contents ol.topicpath li.first{
	padding-left:0px;
}
#contents ol.topicpath a{
	padding-right: 15px;
	margin: 0px 5px 0px 0px;
	background: url(../img/topicpath.png) no-repeat right center;
	
}


/* content

----------------------------------------- */
#content p,
#content td
#content th,
#content li,
#content dl,
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	line-height: 1.4em;
}

ul.contents-foot-link{
	font-size: 85%;
	padding-top: 20px;
	margin-bottom: 15px;
	text-align: center;
	overflow: hidden;
	clear: both;
}

ul.contents-foot-link li{
	padding: 1px 15px;
	display: inline;
	border-left: #E0D9C8 solid 1px;
}

ul.contents-foot-link li.home{
	border-left: none;
}

#contents #content h1{
	clear: both;
	overflow: hidden;
}

/* main css
----------------------------------------- */
#main ul,
#main ol,
#main p{
	padding-top: 0.5em;
	padding-right: 10px;
	padding-bottom: 0.5em;
	padding-left: 20px;
}
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main ul,
#main ol,
#main p{
	margin-bottom: 15px;
	padding-bottom: 0;
}

#contents #main h2{
	background-image: url(../img/headline01.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 140%;
	font-weight: 600;
	color: #78523F;
	margin-top: 10px;
	clear: both;
	padding-top: 17px;
	padding-right: 15px;
	padding-bottom: 17px;
	padding-left: 15px;
}

#contents #main h3{
	background-image: url(../img/headline02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 0px;
	padding-bottom: 15px;
	font-size: 140%;
	font-weight: 600;
	color: #78523F;
	margin-top: 30px;
	padding-left: 5px;
	clear: both;
}



#contents #main h4{
	font-size: 120%;
	font-weight: 600;
	color: #78523F;
	background-image: url(../img/headline03.png);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	margin-top: 20px;
	padding-left: 30px;
	margin-bottom: 0px;
	margin-bottom: 10px;
}

#contents #main h5{
	font-size: 110%;
	font-weight: 600;
	color: #78523F;
	background-image: url(../img/list03.png);
	background-repeat: no-repeat;
	background-position: 15px 5px;
	padding-left: 30px;
	margin-top: 20px;
	margin-bottom: 10px;
}



#contents #main  blockquote{
	margin-bottom: 15px;
	background-color: #FBF9F5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

#contents #main  blockquote h3{
	margin-top: 10px;
}
#contents #main  blockquote p{
	overflow: hidden;
}

#main table{
	width: 100%;
	font-size: 90%;
	margin-top: 20px;
	margin-bottom: 15px;
}

#main table th,
#main table td{
	padding: 7px;
}

#main table th{
	min-width: 20%;
	font-weight: bold;
}
#main div.section table,
#main .table-01{
	border-bottom: #D1C2BA solid 1px;
	border-left: #D1C2BA solid 1px;
}

#main div.section table th,
#main div.section table td,
#main .table-01 th,
#main .table-01 td{
	border-top: #D1C2BA solid 1px;
	border-right: #D1C2BA solid 1px;
}

#main div.section table th,
#main .table-01 th{
	background-color: #FBF9F5;
	color: #78523F;
}

#main .table-02{
	border-bottom: #D1C2BA solid 1px;
}

#main .table-02 th,
#main .table-02 td{
	border-top: #D1C2BA solid 1px;
}

#main table.table-auto th{
	min-width: 1%;
}

#main ul li{
	padding-left: 10px;
	background-image: url(../img/list01.png);
	background-repeat: no-repeat;
	background-position: left 3px;
}

#main ol li ul li{
	list-style-type: none;
}

#main ol li{
	margin-left: 20px;
	list-style-type: decimal;
}

/* sub css

----------------------------------------- */

#sub .menu-header{
	background-image: url(../img/side-menu-header.png);
	background-position: center top;
	background-repeat: no-repeat;
}
#sub .menu-footer{
	background-image: url(../img/sidemenu-bg.png);
	background-repeat: repeat-y;
	background-position: center top;
	margin-bottom: 20px;
}
#sub ul.menu{
	font-size: 95%;
	background-image: url(../img/side-menu-footer.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 6px;
	padding-left: 8px;
	padding-bottom: 7px;
}
#sub ul.menu li{
	text-decoration: none;

}

#sub ul.menu li a{
	text-decoration: none;
	display: block;
	background-image: url(../img/list01.png);
	background-repeat: no-repeat;
	background-position: 10px 14px;
	zoom: 1;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 25px;
	color: #78533F;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1C2BA;
}
#sub ul.menu li.first a{
	border-top-style: none;
}



#sub ul.menu li a:hover,
#sub ul.menu li.current-menu-item a,
#sub ul.menu li.current-menu-item ul li a:hover,
#sub ul.menu li ul li.current-menu-item ul li a:hover,
#sub ul.menu li ul li ul li.current-menu-item a{
	background-color: #fff;
	background-image: url(../img/list02.png);
	font-weight: 600;
	background-position: 10px 17px;
}


#sub ul.nav li{
	margin-bottom: 10px;
}

#sub ul.btn li{
	margin-bottom: 2px;
}

/* home css

----------------------------------------- */

#home #content {
	overflow: hidden;
	color: #78533F;

}

#home #content h2{
	padding-top: 10px;
	margin-bottom: 30px;	
}
#home #content dl{
	margin-left:30px;
	padding-bottom: 20px;
}
#home #content dl dt{
	padding-top: 0px;
	padding-bottom: 0px;
	float: left;
}
#home #content dl dd{
	padding-bottom: 15px;
	padding-left: 10em;
}



#home #content .facebookframe{
	margin-left:20px;
	padding-bottom: 20px;
}


/* contents css

----------------------------------------- */



/* faq css*/


#contents #main .faqs dt{
	font-size: 110%;
	font-weight: 600;
	color: #78533F;
	background-image: url(../img/listq.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 40px;
	margin-bottom: 10px;
}
#contents #main .faqs dt:hover{cursor:pointer}
#contents #main .faqs dd{
	background-image: url(../img/lista.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 45px;
	padding-bottom: 20px;
}
#contents #main .faqs dd p{
	padding-left: 5px;
}
#contents #main .faqs .hover{color:#990000;text-decoration:underline}



/* art css*/


#contents #content #main ul.gallery-list img{
	max-width: 100%;
	height: auto;
	width /***/:auto;

}
#contents #content #main ul.gallery-list dd img{
	width: 100%;
text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#contents #content #main ul.gallery-list{
	font-size: 10px;
	overflow: hidden;
	width: 100%;
	display: inline;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

#contents #content #main ul.gallery-list li{
	float: left;
	display: inline;
	padding: 0;
	margin: 0;
	overflow: hidden;
	width: 33.3%;
	background-image: none;
	padding-bottom: 30px;
}



#contents #content #main ul.gallery-list li dl{
	zoom: 1;
	background-color: #FAF7EE;
	margin-right: 0px;
	margin-left: 20px;
	padding: 10px;
	border: 1px solid #F0ECE3;
}
#contents #content #main ul.gallery-list li dl dd,
#home #content #main ul.gallery-list li dl dd{
	margin-bottom: 5px;
	font-size: 85%;
	line-height: 1.4em;	
}

#contents #content #main ul.gallery-list li dl dt a{
	padding-bottom: 5px;
	text-decoration: none;
	color: #78533F;
	display: block;
}

#contents #content #main ul.gallery-list li dl dt a:hover{
	color: #ED6888;
}

#contents #content #main ul.gallery-list li dl dd a img:hover,
#home #content #main ul.gallery-list li dl dd a img:hover{
	opacity: 0.5;
}

/* shintyaku css

----------------------------------------- */

#contents #content dl .ichiran{
	margin-left:10px;
	padding-bottom: 5px;
}
#contents #content dl dt.ichiran{
	padding-top: 0px;
	padding-bottom: 0px;
}
#contents #content dl dd.ichiran{
	padding-bottom: 10px;
}
#contents #content #main .back {
	text-align: right;
}


/* form css

----------------------------------------- */
form {
	width:100%;
	margin: 20px auto;
}

input {
	border:1px solid #ccc;
	font-size:15px;
	min-height:30px;
	display:block;
	margin-bottom:15px;
	margin-top:5px;
	outline: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	width: 75%;
}

textarea {
	border:1px solid #ccc;
	font-size:15px;
	display:block;
	margin-bottom:15px;
	margin-top:5px;
	outline: none;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	width: 75%;
}

input[type=submit] {
	padding:10px;
	font-size: 14px;
	background-color: #CAD4D0;
	background-image: none;
}

input[type=submit]:hover {
	padding:10px;
	font-size: 14px;
	background-color: #699;
	background-image: none;
}