@charset "utf-8";

/* All Layout
-------------------------------------------------*/
body,div,ul,li,h1,h2,p
{
	margin: 0;
	padding: 0;
}

html {
    scrollbar-base-color:#666666;   /*ベースカラー*/
    scrollbar-track-color:#333333;  /*スクロールのない部分*/
    scrollbar-face-color:#8D1324;   /*スクロールバー表面*/
    scrollbar-arrow-color:#FFFFFF;  /*矢印の色*/
    scrollbar-3dLight-color:#CCCCCC;/*外枠の左と左上の色*/
    scrollbar-darkshadow-color:#333333;/*外枠の右と右下の色*/
}
h1,h2,h3,h4,ul,li,p,address {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

img {
	border: 0;
	vertical-align: bottom;
}

a {
	text-decoration: none;
}
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #b6b5b5;
}
a:active {
	color: #990000;
}

body {
	font: 62.5% Verdana ,sans-serif;
	letter-spacing: 0.2em;
	color: #464646;
	background-color: #666666;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear :both;
	visibility: hidden;
}
.clear {
	display: inline-table;
}
/* MacIE begin \*/
* html .clear {
	height: 1%;
}
.clear {
	display: block;
}
/* MacIE end */

#contents{
	background-image: url(../img/bg/10_06.gif);
	background-repeat: no-repeat;
	background-position: right top;
}



#header,
#contents,
#gnavi ul {
	margin: 0 auto;
	width: 92em;
	max-width: 100%;
	min-width: 730px; 
	text-align: left;
}


/* Wrapper
-------------------------------------------------*/
#wrapper {
	text-align: center;
}


/* Header
-------------------------------------------------*/
#header {
	padding: 3em 0 0 0;
}
#header .colL {
	float: left;
}
#header .colL h1 img {
	width: 17.6em;
	min-width: 160px;
	height: auto;
}
#header .colL p {
	font-size: 1.2em;
	margin: 0.5em 0 0 0;
}
#header .colR {
	float: right;
}
#header .colR img,
#header .colR input {
	vertical-align: middle;
}
#header .search_box {
	margin: 0 1em 0 0;
}
#header .search_box input {
	margin: 0.4em 10px;
	padding: 0.1em 10px;
	border: 1px solid #9d9d9d;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color: #ffffff;
}
#header .search_box input:hover {
	border: 1px solid #aaa;
}
#header .search_box input:focus {
	border: 1px solid #000;
}
#header .font_size {
	margin: 2.5em 0 0 0;
	text-align: right;
}
#header .font_size ul {
}
#header .font_size ul li {
	float: left;
	list-style-type: none;
	padding: 0 0 0 1em;
}
#header .font_size ul li img {
	margin: 5px 0;
}
#header .font_size ul li a {
	display: block;
	width: 24px;
	height: 24px;
}
#header .font_size ul li a span {
	display: none;
}
#header .font_size ul li .textL:link,
#header .font_size ul li .textL:visited,
#header .font_size ul li .textL:active {
	background:url(../img/text_L.gif) repeat left top;
}
#header .font_size ul li .textL:hover {
	background:url(../img/text_L_o.gif) repeat left top;
}
#header .font_size ul li .textM:link,
#header .font_size ul li .textM:visited,
#header .font_size ul li .textM:active {
	background:url(../img/text_M.gif) repeat left top;
}
#header .font_size ul li .textM:hover {
	background:url(../img/text_M_o.gif) repeat left top;
}
#header .font_size ul li .textS:link,
#header .font_size ul li .textS:visited,
#header .font_size ul li .textS:active {
	background:url(../img/text_S.gif) repeat left top;
}
#header .font_size ul li .textS:hover {
	background:url(../img/text_S_o.gif) repeat left top;
}


/* Gnavi
-------------------------------------------------*/
#gnavi {
	clear: both;
	margin: 1.3em 0 0 0;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background: url(../img/gnav_bg.gif) 0% 50% repeat-x;
}

#gnavi ul li {
	float: left;
	list-style-type: none;
	font-size: 1.2em;
	letter-spacing: 0.3em;
}
#gnavi ul li a {
	float: left;
	display: block;
	line-height: 3.0em;
	padding: 0 2em;
	border-right: 1px dotted #333333;
}

#gnavi ul li a:hover {
	color: #FFFFFF;
}

#gnavi li.first a{
	border-left:1px dotted #000000;
}




/* Main Contents
-------------------------------------------------*/
#mainContents .main_vis {
	margin: 1.7em 0 0 0;
	text-align: center;
}
#mainContents .main_vis img {
	width: 91.9em;
	max-width: 1013px;
	min-width: 820px;
	height: auto;
}
#mainContents #main .section {
	background: #FFFFFF;
	text-align: center;
	margin: 0;
}
#mainContents #main .section .round_top {
	margin: 0;
	background: url(../06/img/tr.gif) top right no-repeat;
	text-align: left;
}
#mainContents #main .section .round_top img {
	vertical-align: top;
}
#mainContents #main .section .round_top .corner {
	margin: 0;
}
#mainContents #main .section .round_bottom {
	margin: 0;
	background: url(../img/br.gif) bottom right no-repeat;
	text-align: left;
}
#mainContents #main .section p {
	font-size: 1.2em;
	text-align: left;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
#mainContents #main .svis img {
	border: 1px solid #67656A;
	width: 16.4em;
	min-width: 140px;
	max-width: 240px;
	height: auto;
	margin: 1.2em 0 1.4em 0;
}
#mainContents #main {
	margin: 2em 0 0 0;
}
#mainContents #main .colL {
	float: left;
	width: 65%;
	padding: 0 0 0 2em;
}
/*\*/
* html #mainContents #main .colL {width: 62.5em;}	/* For Win IE */
/* */
#mainContents #main .colL p {
	margin: 0 3.6em;
}
#mainContents #main .detail span {
	display: none;
}
#mainContents #main .colL .detail {
	display: block;
	width: 220px;
	height: 48px;
	margin: 0 auto;
}
#mainContents #main .colL .detail:link,
#mainContents #main .colL .detail:visited,
#mainContents #main .colL .detail:active {
	background: url(../img/btn01.gif) no-repeat left top #ffffff;
}
#mainContents #main .colL .detail:hover {
	background: url(../img/btn01_o.gif) no-repeat left top #ffffff;
}
	#mainContents #main .colLL {
		float: left;
		width: 45.5%;
		min-width: 220px;
	}
	/*\*/
	* html #mainContents #main .colLL {width: 28em;}	/* For Win IE */
	/* */
	#mainContents #main .colLL h2 img {
		width: 20.9em;
		max-width: 290px;
		min-width: 124px;
		height: auto;
	}
	#mainContents #main .colLR {
		float: right;
		width: 45.5%;
		min-width: 220px;
	}
	/*\*/
	* html #mainContents #main .colLR {width: 28em;}	/* For Win IE */
	/* */
	#mainContents #main .colLR h2 img {
		width: 21em;
		max-width: 290px;
		min-width: 124px;
		height: auto;
	}
#mainContents #main .colR {
	float: right;
	width: 27.5%;
	min-width: 220px;
}
/*\*/
* html #mainContents #main .colR {width: 25em;}	/* For Win IE */
/* */
#mainContents #main .colR h2 img {
		width: 10.9em;
		max-width: 165px;
		min-width: 98px;
		height: auto;
}
#mainContents #main .colR p {
	margin: 1.3em 1.5em 0 1.5em;
}
#mainContents #main .colR .svis img {
	width: 17.4em;
	max-width: 200px;
	min-width: 140px;
	height: auto;
}
#mainContents #main .colR .detail {
	display: block;
	width: 179px;
	height: 48px;
	margin: 0 auto;
}
#mainContents #main .colR .detail:link {
	background: url(../img/btn02.gif) no-repeat left top #ffffff;
}
#mainContents #main .colR .detail:visited {
	background: url(../img/btn02.gif) no-repeat left top #ffffff;
}
#mainContents #main .colR .detail:hover {
	background: url(../img/btn02_o.gif) no-repeat left top #ffffff;
}
#mainContents #main .colR .detail:active {
	background: url(../img/btn02.gif) no-repeat left top #ffffff;
}


/* Fnavi
-------------------------------------------------*/
#fnavi {
	clear: both;
	margin: 2.5em 0 0 0;
	padding: 0 0 1em 0;
	text-align: right;
	font-size: 1.2em;
	background: url(../img/line01.gif) repeat-x 0 100%;
}
*:first-child+html #fnavi {
	padding: 0 0 2em 0;
}
#fnavi ul {
	float: right;
	display: inline;
}
#fnavi ul li {
	float: left;
	list-style-type: none;
}


/* Footer
-------------------------------------------------*/
#footer {
	clear: both;
	margin: 3.5em 0 0.7em;
	text-align: center;
	letter-spacing: 0em;
	color: #CCCCCC;
}