@charset "utf-8";

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

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

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


body {
	padding: 0px 0 15px 0;
	background: #fffff;
	font-size: 13px; /* モダンブラウザ向け */
	*font-size: small; /* IE 7向け */
	*font: x-small; /* IE 6以下 */
	color: #333;
	font-family: Verdana, "ヒラギノ丸ゴ", "小塚ゴシックPr6N", メイリオ, Helvetica, sans-serif;

        
}

p {	margin-bottom: 1.5em; line-height: 1.6;}

strong {}

a { color: #00913A;}
#header a, #footer a { color: #fff;}
a:hover { color: #04B74D !important;}

.textC { text-align: center;}
.textR { text-align: right;}

.left { float: left;}
.right { float: right;}

address { font-size: 77%; text-align: center;}

div#headline {
height: 5px;
background-color:#cccccc;
}

div.border{
height: 5px;
background-color:#00A33E;
}

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

	h[x}	

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

#header {
margin: 0 auto;
}

#header .clearfix {
width: 960px;
background:#ffffff;
padding:0 15px;
}

h1 {
	margin: 0 0 10px;
	padding: 10px 30px 15px;
	background: url(../images/common/h1_bg.png) no-repeat 0 0;
	font-size: 135%;
　　　　text-align: left;
	color: #333;
}

#header h1,
#footer h1 { background: url(../images/header/h1_header.png) no-repeat 0 0; color: #333;}
#opt1 h1 { background: url(../images/opt1/h1_opt1.png) no-repeat 0 0;}
#opt2 h1 { background: url(../images/opt2/h1_opt2.png) no-repeat 0 0;}
#sideContents h1 { background: url(../images/side/h1_side.png) no-repeat 0 0;}

h2 {
	margin: 0 0 10px;
	padding: 10px 20px 30px;
	background: url(../images/common/h2_bg.png) repeat-x 0 0;
	font-size: 135%;
}

#header h2,
#footer h2 { background: url(../images/header/h2_header.png) repeat-x 0 0; color: #fff;}

h3 {
	margin: 0 0 7px;
	padding: 30px 0 25px;
	background: url(../images/common/h3_bg.png) no-repeat 0 0;
	color: #333;
	font-size: 125%;
	text-align: left;
}

#header h3,
#footer h3 { background: url(../images/header/h3_header.png) no-repeat 0 0; color: #333;}
#opt1 h3 { background:url(../images/opt1/h3_opt1.png) no-repeat 0 0;}
#opt2 h3 { background:url(../images/opt2/h3_opt2.png) no-repeat 0 0;}
#sideContents h3 { margin: 0;
　　　　background: url(../images/side/h3_side.png) no-repeat 0 0;
　　　　color: #333;}

h4 {
	margin: 0 0 15px;
	padding: 0 0 15px;
	background: url(../images/common/h4_bg.png) repeat-x left bottom;
	font-size: 114%;
	line-height: 1.3;
}

h5 {
	padding-left: 5px;
	border-left: 5px solid #a6a1aa;
	line-height: 1.3;
}

#header h5,
#footer h5 {
	border-left-color: #fff;
}

h6 {
	margin: 0 0 20px;
	padding-bottom: 5px;
	border-bottom: 2px solid #dfdfdf;
	line-height: 1.3;
}


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

	list	

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

ul,ol {
	
}

li {
	line-height: 1.6;
}

ul li {
	padding: 0 0 0 17px;
	
}


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

	table	

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

table {
	width: 100%;
	margin-bottom: 1.5em;
	border-top: 1px solid #ececec;
	border-right: 1px solid #ececec;
}

table th,
table td {
	padding: 10px;
	border-bottom: 1px solid #ececec;
	border-left: 1px solid #ececec;
	vertical-align: top;
	line-height: 1.6;
}

table th {
	background: #f4f4f4;
}


.mobile_table table{
width:100%;
display:block;
}





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

	common	

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

.box { margin: 0 0 15px;}

.sideBoxTop { overflow: hidden;background: url("") no-repeat scroll center top transparent; }
.sideBox { overflow: hidden; padding: 0 0px; background: url() repeat-y center top;}
#sideContents .box { overflow: hidden; margin: 0; padding: 5px 0;}
.sideBoxBottom { overflow: hidden; height: 0px; background: url() no-repeat center bottom;}


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

	header	

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

#logo { font-size: 152%; margin-bottom: 10px;}

#logo p { margin: 0;}

#siteDesc { font-size: 77%;}


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

	topicpath	

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

#topicpath {
	overflow: hidden;
	margin-bottom: 0px;
	text-align: right;
	font-size: 77%;
}

#topicpath ul {
	margin: 0;
}

#topicpath ul li {
	display: inline;
	padding: 0 0 0 15px;
	background: url(../images/common/topicpath_arrow.gif) no-repeat 5px 6px;
}

#topicpath ul li#topicpathFirst {
	background: none;
}


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

	clearfix	

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

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0;
    clear: both; 
    visibility: hidden;
	font-size: 0.1em;
}

.clearfix {
	display: inline-block;    
margin: 0 auto;
}

div#main .clearfix {
margin: 0 0 15px !important;
}

/*\*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/**/


li#navi{
float:left;
width:170px;
}

li#navi2{
float:left;
width:216.8px;
}

li#navi3{
float:left;
width:117px;
padding:10px 0;
}


ul#mainnav{
width:940px;
float: left;
list-style-type: none;
}


ul#mainnav2{
width:940px;
float: left;
list-style-type: none;
}

ul#mainnav3{
width:940px;
float: left;
list-style-type: none;
padding:0 15px;
}

#contentsimg{
padding:0 15px;
}

.bx-wrapper .bx-prev {
    left: 30px!important;
}

.bx-wrapper
.bx-viewport{
padding:0 15px;
}

#hedimg{
margin:0 10px;
}

#topimg{
float: left;
padding: 5px;
}

#topimage{
padding:0 10px;
}