@charset "utf-8";

/*
Site Name: 
Description: parts style
*/

/* header
----------------------------------------- */
#header #logo{
	float: left;
	clear: left;
	margin-bottom: 12px;
}
#header p.description,
#header p.tel{
	float: right;
	clear: right;
}
#header p.description{
	margin: 50px 25px 50px;
}
#header p.tel{
	margin-right: 36px;
}

/* footer
----------------------------------------- */
#footer .map-article{
	float: left;
	clear: left;
	margin-left: 10px;
	margin-bottom: 15px;
}

#footer .address-article{
	width: 585px;
	float: right;
	clear: right;
}

#footer p.footer-logo,
#footer p.tel{
	width: 325px;
	float: right;
	clear: right;	
}
#footer .address-article p.tel{
	margin-bottom: 15px;	
}
#footer .address-article ul.sns-icon li{
	float: left;
	display: inherit;
	margin-right: 10px;
}

#footer p#copyright{
	clear: both;
}


/* topicpath
----------------------------------------- */
#topicpath{
	padding: 10px;
	margin: 10px 0px;
	font-size: 85%;
	overflow: hidden;
	zoom: 1;
}

#topicpath li{
	display: inline;
}

#topicpath li a{
	padding-right: 15px;
	margin: 0px;
	background: url(../img/topicpath.gif) no-repeat right center;
}

/* content
----------------------------------------- */
#content p,
#content th,
#content td,
#content li,
#content dl{
	line-height: 1.4em;
}

#content p.banner{
	margin: 0 10px 15px;
}
#content p.banner img:hover{
	filter:alpha(opacity=50); /*IE*/
	opacity:0.5;		
}

#content p.order,
#content p.img{
	text-align: center;
}
#content p.order{
	margin-bottom: 10px;
}
#content p.order img:hover{
	filter:alpha(opacity=50); /*IE*/
	opacity:0.5;		
}

/* main css
----------------------------------------- */
#main #main-visual{
	clear: both;
	overflow: hidden;
	margin-bottom: 12px;
}
#main #main-visual p{
	float: left;
	padding: 0;
	margin: 0;
}
#main #main-visual p.main-img{
	margin-right: 11px;
}
#main #main-visual p.banner img:hover{
	filter:alpha(opacity=50); /*IE*/
	opacity:0.5;		
}


#main ul,
#main ol,
#main p{
	padding: 0.5em 0px;
}

#main h2,
#main h3,
#main h4,
#main h5,
#main h6,
#main p,
#main ul,
#main ol{
	margin-bottom: 15px;
	padding-bottom: 0;
	line-height: 1.4em;
}

#main p.photo{
	float: left;
	margin-right: 10px;
}
#main .text-contents{
	float: right;
}
#main .text-contents h3{
	margin-top: 4px;
}

/*#main h2{
	font-size: 150%;
	color: #80381C;
    border: 5px solid #80381C;
    margin-bottom: 20px;
    padding: 5px;
	clear: both;
	text-align: center;
}

#main h3{
	font-size: 150%;
	color: #178E74;
	padding: 10px;
    background-color: #E7FDF8;
    border-left: 11px double #178E74;
    clear: both;    
}

#main h4{
	font-size: 140%;
	color: #178E74;
    border-bottom: 1px solid #CCCCCC;
    border-left: 4px solid #178E74;
    padding: 5px 0 5px 10px;
}

#main h5{
	color: #178E74;
	font-size: 120%;
	font-weight: 800;
	color: #178E74;
    border-left: 2px solid #0EBF93;
    margin-left: 1px;
    padding: 2px 0 2px 10px;
}

#main h6{
	color: #178E74;
	font-size: 110%;
	font-weight: 800;
}

#main blockquote{
	color: #178E74;
    border: 1px dotted #178E74;
    margin: 15px 0;
    padding: 10px;
}
#main blockquote p{
	margin-bottom: 0px;
}


#main ul li{
	margin-left: 20px;
	list-style-type: disc;
}
#main ul li ul,
#main ul li ol{
	padding: 5px 0px;
	margin-bottom: 0px;
}

#main ol li{
	margin-left: 25px;
	list-style-type: decimal;
}
#main ol li ol,
#main ol li ul{
	padding: 5px 0px;
	margin-bottom: 0px;
}

#main table{
	font-size: 100%;
	margin: 0 0 15px;
}

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

#main table.wide-table{
	width: 100%;
}
#main table.wide-table th{
	width: 20%;
}

#main table.table-01{
	border-bottom: #DDD solid 1px;
	border-left: #DDD solid 1px;
}
#main table.table-01 th,
#main table.table-01 td{
	border-top: #DDD solid 1px;
	border-right: #DDD solid 1px;
}
#main table.table-01 th{
	background-color: #E7FDF8;
}

#main table.table-02{
	border-bottom: #DDD solid 1px;
}
#main table.table-02 th,
#main table.table-02 td{
	border-top: #DDD solid 1px;
}*/


/* sub css
----------------------------------------- */
