/* CSS Document */

/* base */

body {
	border-top: #690 solid 10px;
	border-bottom:#690 solid 10px;
	background: url(images/bg_green.jpg) repeat-x;
	color:#444444;
	font-size:95%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#container {
	width:100%;
	margin: 0 auto;
	background-color:#FFFFFF;
}
#top {
   width:920px;
   margin:0 auto;
   background:url("images/bg_contents_left.png") 0 0 repeat-y;
}

#wrapper {
   width:920px;
   background:url("images/bg_contents_right.png") 100% 0 repeat-y;
}


/* header */

#board{
	float:inherit;
	background-image:url(images/header01.jpg);
	background-position:center;
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:910px;
	height:120px;
	text-align:left;
}
	
#header {
	height:350px;
	width:910px;
}

#header2 {
	height:120px;
	width:910px;
}

/* nav base */

#navigation {
	width:910px;
}

#navigation a {
	float:left;
	display: block;
	width:182px;
	height:50px;
}

/* nav1 */

#navigation a.top {background-image: url(images/btn-top01.jpg);}
#navigation a.top:hover {background-image: url(images/btn-top02.jpg);}

/* nav2 */

#navigation a.concept {background-image: url(images/btn-concept01.jpg);}
#navigation a.concept:hover {background-image: url(images/btn-concept02.jpg);}

/* nav3 */

#navigation a.company {background-image: url(images/btn-company01.jpg);}
#navigation a.company:hover {background-image: url(images/btn-company02.jpg);}

/* nav4 */

#navigation a.howto {background-image: url(images/btn-howto01.jpg);}
#navigation a.howto:hover {background-image: url(images/btn-howto02.jpg);}

/* nav5 */

#navigation a.contact {background-image: url(images/btn-contact01.jpg);}
#navigation a.contact:hover {background-image: url(images/btn-contact02.jpg);}

/* GNAVI CUSTOMIZE */

#gnavi {
	float:right;
	margin-top:45px;
	margin-right:8px;
	text-align:right;
}

#board #gnavi ul {
   list-style:none;
}

#board #gnavi li {
   float:left;
   font-size:0.9em;
   margin-left:10px;
}

#board #gnavi li a{
   padding-left:20px;
   background:url(images/bg_gnavi.png) 0 0 no-repeat;
}



/* main content */

#content {
width:910px;
padding: 0px;
background-color:#FFF;
}

/* main layout */

.right {
	float:right;
	width:590px;
}

.right h2 { margin: 0 0 7px 0;
	font-size:110%;
	font-weight:normal;
	background:url(images/bg_left_h2.jpg) no-repeat;
	height:40px;
	color:#00C;
	text-align:left;
	padding-left:50px;
	padding-top:10px;
	}
	
.right2 {
	float:right;
	width:540px;
	margin-top:10px;
}


.left {
	float:left;
	width:300px;
	margin-left:10px;
}

.right2 {
	float:left;
	width:300px;
	margin-top:10px;
}

.top_center_y {
	float:inherit;
	width:910px;
	height:10px;
	background-image:url(images/line_yellow.gif);
}

.top_center {
	margin:5px auto 10px auto;
	width:890px;
}

.top_center_coment {
	width:850px;
	height:auto;
	margin:auto;
	font-size:95%;
	text-align:left;
	line-height:1.6em;
	padding:8px;
}

.concept_center_coment {
	width:850px;
	height:auto;
	margin:auto;
	font-size:95%;
	text-align:left;
	line-height:1.6em;
	padding:8px;
	background: url(images/bg_concept01.jpg) right no-repeat;
}

.corp_rinen {
	float:inherit;
	width:910px;
	height:130px;
	background-image:url(images/title_rinen01.jpg);
}

.rinen_coment {
	float:right;
	width:680px;
	height:auto;
	margin-right:8px;
	margin-top:5px;
	margin-bottom:auto;
	font-size:85%;
	text-align:left;
	line-height:1.6em;
	padding:8px;
}

.center {
	float:inherit;
	width:860px;
	margin-left:15px;
}

.center700 {
	width:700px;
	margin-left:100px;
	text-align:center;
}

.center700l {
	width:700px;
	margin-left:100px;
	text-align:left;
}

.center750l {
	width:750px;
	margin-left:75px;
	text-align:left;
}

.center850 {
	margin-left:30px;
	width:850px;
	text-align:center;
}
.center850 img {
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
}
.center850 a:hover img {
	opacity: 0.7;
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
}

.center850l {
	width:850px;
	text-align:left;
}

.center650 {
	width:650px;
	margin-left:95px;
	text-align:center;
}

.center600l {
	width:600px;
	margin-left:120px;
	text-align:left;
	font-size:13px;
}

/* map */

iframe {
	float:right;
	margin: 0 0 10px 0;
}

/* index */
	
h1 {
	margin: 3px 0px 10px 3px;
	font-size: 80%;
	color: #390;
	font-weight:normal;
}

h2 { margin: 0 0 5px 0;
	font-size:110%;
	font-weight:normal;
	background:url(images/bg_h2.jpg) no-repeat;
	float:inherit;
	height:45px;
	color: #060;
	text-align:left;
	padding-left:55px;
	padding-top:12px;
	}

h3 { margin: 0 0 5px 0;
	font-size:105%;
	float:inherit;
	height:25px;
	color:#00C;
	text-align:left;
	padding-left:5px;
	padding-top:12px;
	border-bottom:#03C dotted;
	}

h4 { margin: 0 0 7px 0;
	font-size:110%;
	font-weight:normal;
	background:url(images/bg_left_h2.jpg) no-repeat;
	height:45px;
	color:#060;
	text-align:left;
	padding-left:50px;
	padding-top:12px;
	}

/* text */

p {
	line-height: 1em;
	letter-spacing: 0.1em;
}

.text_right {
	text-align:right;
	margin: 5px 0 0 0;
}

/* link */
	
a {
	text-decoration:underline;
	color:#397EB1;
}
	
a:hover {color:#579CCE;}

/* table */

table.menu,table.info {
	border-top: dotted 1px #CCCCCC;
	width: 355px;
}

table.menu td,table.info td, table.info th {
	border-bottom: dotted 1px #CCCCCC;
	padding:8px;
}

table.info th {
	font-weight: normal;
	text-align: left;
	background-color: #69A0C5;
	color: #FFFFFF;
}

/* table corporate-pfofile */

table.table1 {
	width: 700px;
	margin-top: 10px;
	font-size: 90%;
	border-top: 1px solid #999999;
}

table.table1 th {
	width: 200px;
	padding: 10px 10px 15px 20px;
	text-align: left;
	border-bottom: 1px solid #999999;
	background-color: #E7E7E7;
}

table.table1 td {
	padding: 10px 10px 10px 12px;
	border-bottom: 1px solid #999999;
	line-height:1.3em;
	text-align:left;
}

/* table howto */

table.table3 {
	width:750px;
	margin-top: 10px;
	border-top: 1px solid #999999;
}

table.table3 td {
	padding:5px;
	border-bottom: 1px solid #999999;
	line-height:1.3em;
	text-align:left;
}

/* scroll_box */

.scr {
	overflow: auto;
	width: 580px;
	height: 200px;
	text-align:left;
	font-size:90%;
	background-color: #FFFFFF;
	border-top:#CCC solid thin;
	border-bottom:#CCC solid thin;
	margin-bottom:15px;
}

.scr p {
    padding:5px 0 0 10px;
    line-height:normal;
}

/* table corporate-pfofile */

table.table_scr {
	width: 560px;
	margin-top: 5px;
	font-size: 85%;
}

table.table_scr th {
	width: 90px;
	padding: 10px 10px 15px 20px;
	text-align: left;
	border-bottom: 1px dashed #CCCCCC;
	background-color: #D1E2D5;
}

table.table_scr td {
	padding: 3px;
	border-bottom: 1px dashed #CCCCCC;
	line-height:1.3em;
	text-align:left;
}

table.table2 {
	width: 520px;
	font-size: 85%;
}

table.table2 th {
	width: 120px;
	text-align: left;
}

table.table2 td {
	width: 400px;
	padding: 5px;
	line-height:1.3em;
	text-align:left;
}

table.flow1 {
	width: 845px;
	font-size: 95%;
}

table.flow1 th {
	width: 470px;
	text-align: left;
	height:60px;
}

table.flow1 td {
	width: 375px;
	padding: 5px;
	line-height:1.3em;
	text-align:left;
	height:60px;
}

table.flow2 {
	width: 845px;
	font-size: 95%;
}

table.flow2 th {
	width: 390px;
	text-align: left;
	height:60px;
}

table.flow2 td {
	width: 455px;
	padding: 5px 5px 5px 5px;
	line-height:1.3em;
	text-align:left;
	height:60px;
}


/* mail form */

table.mailform {
	margin: 0px auto 0px auto;
	width:70%;
	font-size:85%;
	}

table.mailform th {
	font-weight:normal;
	background-color:#E1E1E1;
	padding:5px;
	text-align:left;
}

table.mailform th p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	display: block;
	margin: 0px;
}

table.mailform td p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	display: block;
	margin: 0px;
}

table.mailform th span {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
}

/* footer */
	
#footer1 {
	width:900px;
	margin:auto;
	text-align: center;
	font-size:85%;
	line-height: 1.2em;
	color: #666666;
	padding:5px;
	background-color:#FFF;
}

#footer {
	width:900px;
	height:45px;
	margin:auto;
	text-align: center;
	font-size:85%;
	line-height: 1.2em;
	color: #666666;
	padding:5px 5px 0 5px;
	background-repeat:repeat-x;
}

/*テキスト装飾
------------------------------------------------------------------*/
.text_red{color: #cc0000;}
.text_green{color: #690;}
.text_orange{color: #ff6600;}
.text_blue{
	color: #09b5de;
	font-weight: bold;
	font-size: 110%;
}
.text_blue2{
	color: #09b5de;
	font-size: 80%;
}
.text_blue3{
	color: #09b5de;
	font-size: 90%;
}
.text_blue4{
	color: #0000FF;
	font-size: 90%;
}
.text_blue5{
	color: #0000FF;
}
.text_small{
    font-size: 85%;
	line-height:normal
}
.text_navy{
	color: #000066;
	font-weight: bold;
	font-size: 110%;
}


/* space */

.space10 { height:10px;}
.space20 { height:20px;}
.space { height:30px;}
	
/* CSS hack */

.clear {
	display:block;
	clear:both;
}
.clear10 {
	height:10px;
	display:block;
	clear:both;
}
.clear20 {
	height:20px;
	display:block;
	clear:both;
}