@charset "Shift_JIS";

/*
 property
----------------------------------------*/
html{
height:100%;
overflow-y:scroll;}

body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	height:100%;
	margin: 0px;
	font-size: 80%;
	line-height: 150%;
	color: #333333;

}

a:link {color: #003399;text-decoration: underline;}
a:visited {color: #0066CC;text-decoration: underline;}
a:hover{color: #CC0000;text-decoration: underline;}



/* font 
----------------------------------------*/


/* size */
.f_small {
	font-size: 90%;
	line-height: 130%;
}

.f_small2 {
	font-size: 80%;
	line-height: 130%;
}

.f_big {
	font-size: 120%;
	line-height: 140%;
}


.f_bigbold {
	font-size: 120%;
	font-weight: bold;
	line-height: 140%;
	
}



/* color */
.fc_red {color: #CC0000;}
.fc_red2 {color: #CC0000;}
.fc_bgreen {
	color: #006666;
}

/* style */
.fs_bold {font-weight: bold;}




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

/* container all */
div#c_all{
	width:100%;
	
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	
	clear:both;
	zoom:1;
	background-attachment: scroll;
}

div#c_all:after{ 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 


div#container{
	width:906px;

	margin-right: auto;
	margin-left: auto;
	clear:both;
	zoom:1;
}



div#header{
	width: 906px;
	height:76px; 
	clear:both;
	
}



div#m_con{
	width: 890px;
	height: 100%;
	padding-right: 8px;
	padding-left: 8px;
	background-image: url(../images/bg_main.png);
	behavior: expression(IEPNGFIX.fix(this));
	clear:both;
	zoom:1;
}

div#m_con:after{ 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
} 


#main {
	width:840px;
	margin-left: 25px;
	clear:both;
}


#left {
	float:left;
	width:525px;
}


#right {
	float:right;
	width:300px;
}






#mainshadow {
	width: 906px;
	height: 15px;
	background-image: url(../images/bg_mainbottom.png);
	background-repeat: no-repeat;
behavior: expression(IEPNGFIX.fix(this));
	clear:both;

}


#pagetop {
	width: 840px;
	padding-top: 15px;
	font-size: 95%;
	padding-bottom: 20px;
	text-align: right;
	clear:both;
}


#pankuzu {
	width: 800px;
	font-size: 80%;
	margin-bottom: 15px;
	line-height: 100%;
}


#footer {
	width: 100%;
	height: 32px;
	background-image: url(../images/bg_footer.jpg);
	background-repeat: repeat-x;
	margin-bottom: 5px;
}


#footerlink {
	width:900px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
	font-size: 85%;
}


#topics {
	width:680px;
	clear:both;
	margin: 20px;
	border: 1px solid #CCCCCC;
	padding: 20px;
}


/*
 decolation
----------------------------------------*/


/* topics */

.topics {
	border: 1px solid #CCCCCC;
}

.topics2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}



/*
 table
----------------------------------------*/
.l_g01 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	padding: 8px;
}


/* line */

.l_g {
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
}


.l_g2 {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 3px;
	background-color: #E5E5E5;
}



.l_g3 {
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 3px;
}


.l_g4 {
	padding: 10px;
	font-size: 120%;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	margin-bottom: 15px;
}


.l_g5 {
	padding: 15px;
	border: 1px solid #CCCCCC;
}



.g_04{
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}


/*
 title
----------------------------------------*/

.bigtitle {
		padding-left: 15px;
	font-weight: bold;
	font-size: 145%;
	color: #FFFFFF;
	background-image: url(../images/bigtitle.jpg);
	background-repeat: no-repeat;
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}


.t_01 {
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CC0000;
	padding-left: 10px;
	font-weight: bold;
}


.t_02 {
	padding-left: 20px;
	font-weight: bold;
	background-image: url(../images/s_title.jpg);
	background-repeat: no-repeat;
	padding-top: 13px;
	height: 48px;
	font-size: 110%;
}


.t_03 {
	padding-left: 20px;
	font-weight: bold;
	background-image: url(../images/point7.gif);
	background-repeat: no-repeat;
	padding-top: 5px;
	height: 31px;
	font-size: 110%;
}



.t_04 {
	padding-left: 10px;
	font-weight: bold;
	padding-top: 10px;
	font-size: 110%;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CC0000;
}




.bg_g{
	background-color: #E0E0E0;
	padding: 4px;
}


.bg_g2{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	margin-bottom: 7px;
	padding-bottom: 5px;
}



/*
 point
----------------------------------------*/

.point3 {
	background-image: url(../images/point3.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: left top;
	margin-bottom: 10px;
}

.point4 {
	background-image: url(../images/point4.gif);
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 20px;

}

.point5 {
	background-image: url(../images/point5.gif);
	background-repeat: no-repeat;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 25px;
	margin-bottom: 10px;
}

.point6 {
	background-image: url(../images/point6.gif);
	background-repeat: no-repeat;
	padding-left: 17px;
	background-position: left top;
	margin-bottom: 8px;
}

/*
 new 3dsox
----------------------------------------*/


/* track */

#track {
	font-size: 110%;
	font-weight: bold;
}

#track a:link {
	color: #000000;
	text-decoration: none;
}
#track a:visited {
	color: #000000;
	text-decoration: none;
}
#track a:hover{color: #000000;text-decoration: underline;}


.track_w {
	width: 733px;
	margin-left: 20px;
	margin-bottom: 15px;
	border: 1px solid #000000;
}


/* road */

#road {
	font-size: 110%;
	font-weight: bold;
}

#road a:link {
	color: #003399;
	text-decoration: none;
}
#road a:visited {
	color: #003399;
	text-decoration: none;
}
#road a:hover{color: #003399;text-decoration: underline;}


.road_w {
	width: 733px;
	margin-left: 20px;
	margin-bottom: 15px;
	border: 1px solid #003399;
}



/* ultra */

#ultra {
	font-size: 110%;
	font-weight: bold;
}

#ultra a:link {
	color: #C01971;
	text-decoration: none;
}
#ultra a:visited {
	color: #C01971;
	text-decoration: none;
}
#ultra a:hover{color: #C01971;text-decoration: underline;}

.ultra_w {
	width: 733px;
	margin-left: 20px;
	margin-bottom: 15px;
	border: 1px solid #C01971;
}



/* trail */

#trail {
	font-size: 110%;
	font-weight: bold;
}

#trail a:link {
	color: #00768B;
	text-decoration: none;
}
#trail a:visited {
	color: #00768B;
	text-decoration: none;
}
#trail a:hover{color: #00768B;text-decoration: underline;}


.trail_w {
	width: 733px;
	margin-left: 20px;
	margin-bottom: 15px;
	border: 1px solid #00768B;
}

/* alpine */

#alpine {
	font-size: 110%;
	font-weight: bold;
}

#alpine a:link {
	color: #74593B;
	text-decoration: none;
}
#alpine a:visited {
	color: #74593B;
	text-decoration: none;
}
#alpine a:hover{color: #74593B;text-decoration: underline;}

.alpine_w {
	width: 733px;
	margin-left: 20px;
	margin-bottom: 15px;
	border: 1px solid #74593B;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */