@charset "utf-8";

article, aside, dialog, figure, footer, header, menu, nav, section {
	display: block;
	margin: 0;
	padding: 0;
}

body {
	width: 100%;
	line-height: 1.9;
	font-size: 14px;
	padding: 0;
	margin: 0;
	font-family: Verdana, Arial, "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	color: #454545;
}

.top {
	background: url(../img/thumbnail_back.gif)  0 555px repeat-x ;
}

ul, ol, dl, dt, dd, div, ol, ul, li {
	padding: 0;
	margin: 0;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}

li {
	list-style-type: none;
}

textarea {
	font-size: 100%;
}

a {
	outline: none;
}

img {
	vertical-align: middle;
}

a img {
	border: 0;
}

a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}

a:link {
	color: #900;
	text-decoration: none;
}

a:visited {
	color: #484848;
	text-decoration: none;
}

a:hover {
	color: #e50202;
	text-decoration: underline;
}

a:active {
	color: #484848;
	text-decoration: none;
}

/*位置と状態*/

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
}

.bottom {
	vertical-align:bottom;
}

.cen {
	text-align: center;
}

.r {
	text-align: right;
}

.l {
	text-align: left;
}

.b {
	font-weight: bold;
}

.inn_m10 {
	margin: 0 0 10px 10px;
}

/*余白*/

.mb05em {
	margin-bottom: 0.5em;
}

.mb1em {
	margin-bottom: 1em;
}

.mb2em {
	margin-bottom: 2em;
}

.mb3em {
	margin-bottom: 3em;
}

.pb2em {
	padding-bottom: 2em;
}

.mt05em {
	margin-top: 0.5em;
}

.mt1em {
	margin-top: 1em;
}

.mt2em {
	margin-top: 2em;
}

.mt3em {
	margin-top: 3em;
}

.f11 {
	font-size: 11px;
}

.f16 {
	font-size: 16px;
}

img.imgwaku {
	padding: 4px;
	border: 1px solid #ccc;
	background: #fff;
}

.red {
	color: #f00;
}

.imgborder {
	border:#e4e4e4 	1px solid;
}


/*-----------------------------------------------
header
-----------------------------------------------*/

.header_inn {
	width: 950px;
	margin: 0 auto 5px;
	overflow: hidden;
}

.header_inn .logo {
	float: left;
	width: 190px;
	height: 50px;
	margin: 15px 0 0 0;
}

.header_inn h1 {
	width: 453px;
	height:40px;
	text-indent: 100%;/*要素の幅分*/
	white-space: nowrap;/*改行禁止ではみ出させる*/
	overflow: hidden;/*はみ出た分を非表示*/
	margin: 30px 0 30px 0;
	background: url(../img/head_02.gif) no-repeat;
	float:right;
}

.header_inn_li {
	float: left;
	text-align: right;
	width: 760px;
	overflow: hidden;
}

.header_inn_ri {
	float: right;
	width: 172px;
	overflow: hidden;
}

/*ナビ*/

.top_nav {
	clear: both;
	width: 100%;
	margin: 0 auto;
}

.top_nav ul {
	width: 950px;
	height: 52px;
	margin: 0 auto;
}


.top_nav ul li {
	float: left;
}

/*CSSスプライト使用*/

.top_nav ul li a {
	display: block;
	text-indent: 100%;/*要素の幅分*/
	white-space: nowrap;/*改行禁止ではみ出させる*/
	overflow: hidden;/*はみ出た分を非表示*/
}

.top_nav ul li a.nv_01 {
	width: 265px;
	height: 52px;
	background: url(../img/nav_01.gif) no-repeat;
}

.top_nav ul li a.nv_01:hover {
	width: 265px;
	height: 52px;
	background: url(../img/nav_01_on.gif) no-repeat;
}

.top_nav ul li a.nv_02 {
	width: 171px;
	height: 52px;
	background: url(../img/nav_02.gif) no-repeat;
}

.top_nav ul li a.nv_02:hover {
	width: 171px;
	height: 52px;
	background: url(../img/nav_02_on.gif) no-repeat;
}

.top_nav ul li a.nv_03 {
	width: 171px;
	height: 52px;
	background: url(../img/nav_03.gif) no-repeat;
}

.top_nav ul li a.nv_03:hover {
	width: 171px;
	height: 52px;
	background: url(../img/nav_03_on.gif) no-repeat;
}

.top_nav ul li a.nv_04 {
	width: 171px;
	height: 52px;
	background: url(../img/nav_04.gif) no-repeat;
}

.top_nav ul li a.nv_04:hover {
	width: 171px;
	height: 52px;
	background: url(../img/nav_04_on.gif) no-repeat;
}

.top_nav ul li a.nv_05 {
	width: 172px;
	height: 52px;
	background: url(../img/nav_05.gif) no-repeat;
}

.top_nav ul li a.nv_05:hover {
	width: 172px;
	height: 52px;
	background: url(../img/nav_05_on.gif) no-repeat;
}


/*-----------------------------------------------
footer
-----------------------------------------------*/

footer {
	clear: both;
	width: 100%;
}

.footer_inn {
	width: 100%;
	margin:0;
	text-align:center;
	font-size: 12px;
	background: #d30002;
	color:#f8da12;
}

.page_top {/*このページのトップへ*/
	width: 950px;
	height:31px;
	margin: 0 auto;
	text-align: right;
}

.page_top a {
	margin: 0;
}

.footer_inn nav {
	width: 950px;
	margin: 0 auto;
	text-align:center;
}

.footer_inn ul {
	margin: 0 auto 30px;
	padding: 20px 0 0;
	text-align:center;
	overflow: hidden;
}

.footer_inn ul li {
  display: -moz-inline-box;
  display: inline-block;
  /display: inline;
  /zoom: 1;
	padding: 0 10px;
	border-left: 1px solid #fff;
}

.footer_inn ul li.last {
	border-right: 1px solid #fff;
}

.footer_inn a {
	color:#FFFFFF;
}

.copyright {
	font-size: 11px;
	text-align: center;
	padding: 0 0 40px 0;
}

/*-----------------------------------------------
.contents_top
-----------------------------------------------*/

.contents_top {
	width: 950px;
	margin: 15px auto 30px;
	overflow: hidden;
	clear:both;
}


.contents_left {
	width: 683px;
	margin: 0 auto 20px;
	float:left;
}

.contents_right {
	width: 250px;
	margin: 0 auto 30px;
	padding: 5px 0;
	float:right;
}

.contents_box {
	width: 683px;
	margin: 0 auto 25px;
	background:#e5080a  url(../img/box_back_bottom.gif)  0 bottom no-repeat;
}

.contents_left h2 {
	width: 683px;
	height:61px;
	margin: 0 auto 10px;
	display: block;
	text-indent: 100%;/*要素の幅分*/
	white-space: nowrap;/*改行禁止ではみ出させる*/
	overflow: hidden;/*はみ出た分を非表示*/
}

.h2_01 {
	background: url(../img/index_h2_01.gif)  0 0 no-repeat;
}

.h2_02 {
	background: url(../img/index_h2_02.gif)  0 0 no-repeat;
}

.h2_03 {
	background: url(../img/index_h2_03.gif)  0 0 no-repeat;
}

.contents_left h3 {
	display: block;
	text-indent: 100%;/*要素の幅分*/
	white-space: nowrap;/*改行禁止ではみ出させる*/
	overflow: hidden;/*はみ出た分を非表示*/
}

.contents_right h3 {
	width: 250px;
	height:26px;
	margin: 0 auto 10px;
	display: block;
	text-indent: 100%;/*要素の幅分*/
	white-space: nowrap;/*改行禁止ではみ出させる*/
	overflow: hidden;/*はみ出た分を非表示*/
}

.h3_01 {
	height:61px;
	background: url(../img/index_h3_01.gif)  0 0 no-repeat;
	float:left;
}

.h3_02 {
	background: url(../img/index_h3_02.gif)  0 0 no-repeat;
}


.contents_box ul {
	width:655px;
	padding: 0 0 10px 13px;
	overflow: hidden;
}

.contents_box ul li {
	float:left;
	padding: 0 10px 10px 0;
}

.contents_box ul li.last {
	float:left;
	padding: 0;
}

.news_box {
	width: 683px;
	margin: 0 auto 25px;
}
.news_box a {
	color:#FF0000;
	text-decoration:underline;
}

.news_box dl {
	padding: 10px 0 10px 0;
	clear:both;
}


.news_box dl dt {
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	background: url(../img/index_news_line.gif)  left top repeat-x;
	float:left;
	width:15%;
}

.news_box dl dd {
	margin: 0 0 10px 0;
	padding: 20px 0 0 20px;
	background: url(../img/index_news_line.gif)  left top repeat-x;
	float:left;
	width:82%;
}


.contents2_box {
	width: 683px;
	margin: 0 auto 25px;
}

.contents2_box h2 {
	width: 683px;
	margin: 0 auto 10px;
	display: block;
	text-indent: 100%;/*要素の幅分*/
	white-space: nowrap;/*改行禁止ではみ出させる*/
	overflow: hidden;/*はみ出た分を非表示*/
}


.contents_left h4 {
	margin: 0;
	display: block;
	text-indent: 100%;/*要素の幅分*/
	white-space: nowrap;/*改行禁止ではみ出させる*/
	overflow: hidden;/*はみ出た分を非表示*/
}


/*-----------------------------------------------
ぱんくず
-----------------------------------------------*/

.breadcrumb {
	width: 952px;
	margin: 10px auto 10px;
	padding: 3px 0;
	clear:both;
	background:#eee;
}

.breadcrumb p {
	margin: 0 0 0 10px;
}

.breadcrumb a {
	text-decoration:underline;
}


/*-----------------------------------------------
言語切替
-----------------------------------------------*/
/* For modern browsers */
.clearfix:before, .clearfix:after {
    content:"";
    display:table;
}
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }

.mt0 { margin-top: 0!important; }
.mb0 { margin-bottom: 0!important; }
.ml0 { margin-left: 0!important; }
.mr0 { margin-right: 0!important; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mt30 { margin-top: 30px; }
.mb30 { margin-bottom: 30px; }
.ml30 { margin-left: 30px; }
.mr30 { margin-right: 30px; }
.mt40 { margin-top: 40px; }
.mb40 { margin-bottom: 40px; }
.ml40 { margin-left: 40px; }
.mr40 { margin-right: 40px; }
.mt50 { margin-top: 50px; }
.mb50 { margin-bottom: 50px; }
.ml50 { margin-left: 50px; }
.mr50 { margin-right: 50px; }

.pt0 { padding-top: 0!important; }
.pb0 { padding-bottom: 0!important; }
.pl0 { padding-left: 0!important; }
.pr0 { padding-right: 0!important; }
.pt10 { padding-top: 10px;}
.pb10 { padding-bottom: 10px;}
.pl10 { padding-left: 10px;}
.pr10 { padding-right: 10px;}
.pt20 { padding-top: 20px;}
.pb20 { padding-bottom: 20px;}
.pl20 { padding-left: 20px;}
.pr20 { padding-right: 20px;}
.pt30 { padding-top: 30px;}
.pb30 { padding-bottom: 30px;}
.pl30 { padding-left: 30px;}
.pr30 { padding-right: 30px;}
.pt40 { padding-top: 40px;}
.pb40 { padding-bottom: 40px;}
.pl40 { padding-left: 40px;}
.pr40 { padding-right: 40px;}
.pt50 { padding-top: 50px;}
.pb50 { padding-bottom: 50px;}
.pl50 { padding-left: 50px;}
.pr50 { padding-right: 50px;}

.multiple { margin-bottom: 25px; }
.multiple img { display: block; }
.multiple h2 {
    margin-bottom: 10px;
    height: 31px;
}
.multiple ul li {
    margin: 0px 8px 0px 0px;
    float: left;
}

.banner_erection { margin: 5px 0 25px; }