@charset "Shift_JIS";

/* ===== Universal Reset ===== */

*{
margin:0;
padding:0;
}

/* ===== Global Common Style ===== */

body{
margin-top:0px;
color:#333333;
background-color:#ffffff;
text-align:center;
}

p,div{
margin:0;
padding:0;
}
/*header&footer*/
#header {
height:53px;
position:relative;
top:0px;
}

div#header h1 { 
	background: url("../images/header.gif") no-repeat center top ;
	text-align:center;
	height:53px;
	display: block;
	text-indent:-9999px;
}


div#footer {
	clear:both;
	background-image:url(../images/back_footer.gif);
	width: 740px;
	height:30px;
	text-align:center;
	font-size: 10px;
	line-height:15px;
	padding:10px 0px;
	background-color:#ffffff;
}

/*header&footer*/

/* main */
div#page {
	text-align: left;
	background: #ffffff;
	width: 740px;
	margin: 0px auto;
	background-image: url(../images/back_side.gif);
}


div#contents {
/* margin:10px;*/
 background: #ffffff;
	top:254px;
	padding:0px;
	width: 740px;
	position:absolute;
	margin-left:0px;
	background-image: url(../images/back_side.gif);
}

div#menu {
	text-align:center;
	background: #ffffff;
	top:53px;
	width: 740px;
	height:203px;
	position:absolute;
	background-image: url(../images/back_side.gif);
}

div#Left_Navi {
	text-align:center;
	margin:0px;
	padding:5px 0px 0px 30px;
	width:180px;
	float:left;
}

div#Right_Contents {
	text-align:left;
	margin:0px;
	padding:8px 30px 0px 0px;
	width:480px;
	float:right;
}


div#Usability {
height:20px;
line-height: 16px;
}

div#Usability span {
font-size:11px;
line-height:16px;
}


/* main */

/* Menu */

h3.Left_Navi0{
	margin-top:5px;
	background:url(../images/left_navi_0.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	font-size:14px;
	/*overflow:hidden;*/
	text-indent:-9999px;
}
h3.Left_Navi0 a{background-image:url(../images/left_navi_0.gif);width:180px;height:40px;display:block;}
h3.Left_Navi0 a:hover{background-image:url(../images/left_navi_0_on.gif);}

h3.Left_Navi1{
	margin:0px;
	background:url(../images/left_navi_1.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	font-size:14px;
	/*overflow:hidden;*/
	text-indent:-9999px;
}
h3.Left_Navi1 a{background-image:url(../images/left_navi_1.gif);width:180px;height:40px;display:block;}
h3.Left_Navi1 a:hover{background-image:url(../images/left_navi_1_on.gif);}

h3.Left_Navi2{
	margin-top:5px;
	background:url(../images/left_navi_2.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	font-size:14px;
	/*overflow:hidden;*/
	text-indent:-9999px;
}
h3.Left_Navi2 a{background-image:url(../images/left_navi_2.gif);width:180px;height:40px;display:block;}
h3.Left_Navi2 a:hover{background-image:url(../images/left_navi_2_on.gif);}

h3.Left_Navi3{
	margin:0px;
	background:url(../images/left_navi_3.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	font-size:14px;
	/*overflow:hidden;*/
	text-indent:-9999px;
}
h3.Left_Navi3 a{background-image:url(../images/left_navi_3.gif);width:180px;height:40px;display:block;}
h3.Left_Navi3 a:hover{background-image:url(../images/left_navi_3_on.gif);}

h3.Left_Navi4{
	margin-top:5px;
	background:url(../images/left_navi_4.gif) no-repeat;
	width:180px;
	height:40px;
	display:block;
	font-size:14px;
	/*overflow:hidden;*/
	text-indent:-9999px;
}
h3.Left_Navi4 a{background-image:url(../images/left_navi_4.gif);width:180px;height:40px;display:block;}
h3.Left_Navi4 a:hover{background-image:url(../images/left_navi_4_on.gif);}

h3.Left_Navi5{
	margin:0px;
	background:url(../images/left_navi_5.gif) no-repeat;
	width:180px;
	height:35px;
	display:block;
	font-size:14px;
	/*overflow:hidden;*/
	text-indent:-9999px;
}
h3.Left_Navi5 a{background-image:url(../images/left_navi_5.gif);width:180px;height:35px;display:block;}
h3.Left_Navi5 a:hover{background-image:url(../images/left_navi_5_on.gif);}


/* Menu */


/*LINE*/

.dotline {
background:url(../images/dot_line.gif) repeat-x;
padding-bottom:3px;
background-position:bottom;
}

.black_line {
	border-bottom:#999999 solid 1px;
}

/*LINE*/

/*space*/

.pd2-0{padding:2px 0px;}
.pd10-0{padding:10px 0px;}
.pd0-20{padding:0px 20px;}

.pdT1 {padding-top:1px;}
.pd2{padding:2px;}
.pdL2{padding-left:2px;}
.pd3{padding:3px;}

.pd5{padding:5px;}
.pdR5{padding-right:5px;}
.pdL5{padding-left:5px;}
.pdT5{padding-top:5px;}
.pdB5{padding-bottom:5px;}

.pd10{padding:10px;}
.pdT10{padding-top:10px;}
.pdL10{padding-left:10px;}
.pdR10{padding-right:10px;}
.pdB10{padding-bottom:10px;}

.pdR15{padding-right:15px;}
.pdT15{padding-top:15px;}
.pdB15{padding-bottom:15px;}

.pd20{padding:20px;}
.pdT20{padding-top:20px;}
.pdL20{padding-left:20px;}
.pdB20{padding-bottom:20px;}
.pdR20{padding-right:20px;}

.pd30{padding:30px;}
.pdT30{padding-top:30px;}
.pdB30{padding-bottom:30px;}
.pdL30{padding-left:30px;}

.mg5{margin:5px;}
.mg10{margin:10px;}
.mg10-0{margin:10px 0px;}
.mgB5{margin-bottom:5px;}
.mgT5{margin-top:5px;}
.mgL5{margin-left:5px;}
.mgR5{margin-right:5px;}
.mgT10{margin-top:10px;}
.mgL10{margin-left:10px;}
.mgB10{margin-bottom:10px;}
.mgT15{margin-top:15px;}
.mgL20{margin-left:20px;}
.mgT20{margin-top:20px;}
.mgL30{margin-left:30px;}
.mgT30{margin-top:30px;}
.mgR10{margin-right:10px;}
.mgR20{margin-right:20px;}
.mgR30{margin-right:30px;}

/*space*/

/*TEXT*/
.ls1{ letter-spacing:1px;}
.t110{	line-height: 110%;}
.t120{	line-height: 120%;}
.t130{	line-height: 130%;}
.t140{	line-height: 140%;}
.t150{	line-height: 150%;}
.t160{	line-height: 160%;}
.t170{	line-height: 170%;}
.t180{	line-height: 180%;}
.t190{	line-height: 190%;}
.t200{	line-height: 200%;}

.t1{
	font-size: 75%;
	text-indent: 0px;
	}

.t2{
	font-size: 80%;
	text-indent: 0px;
	}
	
.t3{
	font-size: 90%;
	text-indent: 0px;
	}
	
.t4{
	font-size: 110%;
	text-indent: 0px;
	}

.t5{
	font-size: 120%;
	text-indent: 0px;
	}
	
.t6{
	font-size: 140%;
	text-indent: 0px;
	}
	
.bold{
	font-weight:bold;
}

.spfont{
	font-size:10px;
	line-height: 10px;
}

.normal{
 font-weight:normal;
}

.Tobay {font-family:"‚l‚r ƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", Osaka;}

.cc00 {color:#cc0000;}
.c00c{color:#005ead;}
.cfff{color:#ffffff;}
.center {text-align:center;}
.right {text-align:right;}
.left {text-align:left;}
.cl {clear:both;}
.flL {float:left;}
.flR {float:right;}
.Caption {
	padding:4px 5px ;
	font-size:80%;
	line-height:140%;
}

.none {visibility:hidden;}

.ICON_video{
	background-image:url(../images/icon_video.gif);
	background-repeat:no-repeat;	
	background-position:2px 0px;
	height:14px;
	line-height:14px;
	padding-left:20px;
}
.ICON_L_video{
	background-image:url(../images/icon_l_video.gif);
	background-repeat:no-repeat;	
	background-position:2px 5px;
	height:37px;
	line-height:37px;
	padding-left:40px;
}

a:hover	{ color: #C8161D; text-decoration: underline }
a				{ color: #0079C3; text-decoration: underline }
/*TEXT*/


