@charset "utf-8";

/*-----------------------------------------------------
サブページ共通のindex CSS
-----------------------------------------------------*/

/*-----------------------------------------------------
container
-----------------------------------------------------*/

#container {
	width: 900px;
	margin: 115px auto 50px auto;
	padding: 35px 0 50px 0;
	position: relative;
	z-index: 0;
}

/*-----------------------------------------------------
content
-----------------------------------------------------*/

#content {
	float: right;
	width: 690px;
}

#content h1 {
	margin-bottom: 20px;
}

#content h1#h1_text_title {
	border-left: 5px solid #244d8a; 
	border-bottom: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
	border-top: 1px solid #CCC; 
	font-size: 20px; 
	line-height: 135%; 
	background-color: #F6F6F6; 
	padding: 13px 10px;
}
/*-----------------------------------------------------
#content h2 {
	border-left: 5px solid #244d8a;
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 20px;
    padding: 2px 0 2px 10px;
}
-----------------------------------------------------*/

#content h2 {
	background: url(../img/h2_blue_title.jpg) no-repeat left top;
	color: #FFF;
	width: 670px;
	height: 26px;
	font-size: 14px;
	padding: 8px 0 0 20px;
	margin-bottom: 20px;
}


#content h2.h2_title02 {
	background: url(../img/h2_blue_title02.jpg) no-repeat left top;
	color: #FFF;
	width: 670px;
	height: 52px;
	font-size: 14px;
	padding: 6px 0 0 20px;
	margin-bottom: 20px;
}

#content h3.event_h3 {
	background: url(../img/h3_title.jpg) no-repeat left top;
	width: 673px;
	height: 34px;
	font-size: 14px;
	padding: 5px 0 0 17px;
	margin-bottom: 5px;
}

#content h3.event_h3_li {
	background: url(../img/h3_title.jpg) no-repeat left top;
	width: 673px;
	height: 34px;
	font-size: 12px;
	padding: 5px 0 0 17px;
	margin-bottom: 5px;
}

.syosai {
	padding:5px 20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#ffffff;
	font-size:12px;
	background:#005281;
	text-decoration:none;
}

/*-----------------------------------------------------
content_max
-----------------------------------------------------*/

#content_max {
	width: 900px;
}

#conten_maxt h1 {
	margin-bottom: 20px;
}

#content_max h1#h1_text_title {
	border-left: 5px solid #244d8a; 
	border-bottom: 1px solid #CCC; 
	border-right: 1px solid #CCC; 
	border-top: 1px solid #CCC; 
	font-size: 20px; 
	line-height: 135%; 
	background-color: #F6F6F6; 
	padding: 13px 10px;
}
/*-----------------------------------------------------
#content_max h2 {
	border-left: 5px solid #244d8a;
    font-size: 16px;
    font-weight: bold;
	margin-bottom: 20px;
    padding: 2px 0 2px 10px;
}
-----------------------------------------------------*/

#content_max h2 {
	background-color: #213C67;
	color: #FFF;
	width: 885px;
	font-size: 14px;
	padding: 5px 5px 5px 10px;
	margin-bottom: 20px;
}

#content_max h2 span {
	display: block;
	border-left: #CFDCEF 6px solid;
	padding: 5px 0 5px 10px;;
}



#content_max h2.h2_title02 {
	background: url(../img/h2_blue_title02.jpg) no-repeat left top;
	color: #FFF;
	width: 670px;
	height: 52px;
	font-size: 14px;
	padding: 6px 0 0 20px;
	margin-bottom: 20px;
}

#content_max h3.event_h3 {
	background: url(../img/h3_title.jpg) no-repeat left top;
	width: 673px;
	height: 34px;
	font-size: 14px;
	padding: 5px 0 0 17px;
	margin-bottom: 5px;
}

#content_max h3.event_h3_li {
	background: url(../img/h3_title.jpg) no-repeat left top;
	width: 673px;
	height: 34px;
	font-size: 12px;
	padding: 5px 0 0 17px;
	margin-bottom: 5px;
}

.syosai {
	padding:5px 20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#ffffff;
	font-size:12px;
	background:#005281;
	text-decoration:none;
}

/*-----------------------------------------------------
side
-----------------------------------------------------*/

#side {
	float: left;
	width: 180px;
}














#side #side_banner {
	width: 196px;
	padding: 0 0 15px 0;
}

#side #side_banner li a {
	display: block;
	width: 196px;
	height: 65px;
	margin: 0 0 3px 0;
	padding: 0;
}

#other_banner {
	width: 196px;
	padding: 0 0 15px 0;
}

#product_lineup {
	width: 196px;
}

#product_lineup ul li {
	width: 196px;
	height: 60px;
	margin: 0 0 5px 0;
	padding: 0;
}

#product_lineup h3 a {
	display: block;
	background: url(../img/bn_product.jpg) no-repeat left top;
	width: 196px;
	height: 42px;
	white-space:nowrap;
overflow:hidden;
text-indent:100%;
	margin: 0 0 6px 0;
	padding: 0;
}

#product_lineup h3 a:hover {
	background: url(../img/bn_product_h.jpg) no-repeat left top;
}

#content .form a {
	display: block;
	background: url(/img/form.png) no-repeat right top;
	width: 200px;
	height: 34px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-left: 245px;
}

#content .form a:hover {
	background: url(/img/form_h.png) no-repeat right top;
	width: 200px;
	height: 34px;
}

#content .form-ws a {
	display: block;
	width: 200px;
	height: 30px;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	background-color: #F00;
	text-align: center;
	text-decoration: none;
	padding: 10px 0 0 0;
	border-radius: 4px;
	margin-left: 245px;
}

#content .form-ws a:hover {
	width: 200px;
	height: 30px;
	background-color: #B00;
	border-radius: 4px;
}

#content_max .form a {
	display: block;
	background: url(/img/form.png) no-repeat right top;
	width: 200px;
	height: 34px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-left: 245px;
}

#content_max .form a:hover {
	background: url(/img/form_h.png) no-repeat right top;
	width: 200px;
	height: 34px;
}

#content_max .form-ws a {
	display: block;
	width: 200px;
	height: 30px;
	font-size: 16px;
	font-weight: 500;
	color: #FFF;
	background-color: #F00;
	text-align: center;
	text-decoration: none;
	padding: 10px 0 0 0;
	border-radius: 4px;
	margin-left: 245px;
}

#content_max .form-ws a:hover {
	width: 200px;
	height: 30px;
	background-color: #B00;
	border-radius: 4px;
}