@charset "UTF-8";

/*===== NOTES ================================================

	last-updated: 2014.12.10
	
		+1 : RESET setting + FONT
		+2 : BASE
		+3 : HeadArea
		+4 : Footer	
		+5 : MainArea
		+6 : Top Page
		

=============================================================*/


/* =================================================================
		+1 : RESET setting
================================================================= */

*{ margin:0; padding:0;}

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, code, form, fieldset, legend, input, textarea, 
p, blockquote, th, td{
	margin:0;
	padding:0;
}
table{border-collapse:collapse;border-spacing:0;}
li {list-style-type: none;}
img {border: none;font-size: 0;line-height: 0;vertical-align: top;}

hr {display: none;clear: both;}

/* Clearfix�n�b�N------------------------- */
.clearfix:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {display: inline-block;clear:both;}



/*=====================================================
		+1 : FONT
=====================================================*/

body, div, table, p, h1, h2, h3, h4, ul, li, dl, dt, dd, span, form, address, input, textarea{
	color:#333333;
	font-family: "ヒラギノ角ゴ Pro W3","MS Pゴシック", Osaka;
}

/* Font Size
___________________________________________________ */

body {
  font-size: 75%; /* IE */
}
html>/**/body {
  font-size: 18px; /* Except IE */
}
p,dt, dd, li,th,td{
	line-height:160%;
	font-size: 16px; 
	/*letter-spacing: 1px;*/ 
}

/*�y��{�T�C�Y12px�z
10px	84%
11px	92%
12px	100%
13px	109%
14px	117%
15px	125%
16px	134%
17px	142%
18px	150%
*/

/* =================================================================
		+2 : BASE
================================================================= */
body{
	text-align:center;
	padding:0;
	background-color:#FFFFFF;
	-webkit-text-size-adjust: 100%;
}
#wrapper{
	text-align:center;
	width:100%;
	margin:0 0 30px;
	padding:0;
	background: url(../img/common/bg_main.jpg) no-repeat center top;
/*background-image: url(../img/bg_main.jpg);
background-size: cover;*/ /*�e��ʃT�C�Y�Ɋg��*/
}
#container{
	width:980px;
	margin:36px auto 0;
	padding:0;
	background: url(../img/common/main_bg.jpg) repeat-y center top;
	font-size:1%;
}
#container #header{
	width:980px;
	height:241px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background: url(../img/common/header.jpg) no-repeat center top;
	font-size:12px;
}
#container #contents_header{
	width:980px;
	height:160px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background: url(../img/common/contents_header.jpg) no-repeat center top;
	font-size:12px;
}
#container #main{
	width:980px;
	background: url(../img/common/main_bg_top.jpg) no-repeat center top;
	margin:0 auto;
	padding:20px 0 0;
	text-align:left;
}
#container #main.contents{
	background: url(../img/common/main_bg_contents.jpg) no-repeat center top;
}

#container #main_bg_bottom{
	width:980px;
	height:40px;
	text-align:left;
	margin:0 auto;
	padding:0;
	background: url(../img/common/main_bg_bottom.jpg) no-repeat center top;
}

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

/*�o�i�[
------------------------------------------ */
#container #bnr_box{
	width:920px;
	margin:0 auto 80px;
	text-align:center;	
}
#container #bnr_box p.bnr{
	display:inline;
	margin:0 30px 10px 0;
}
.bnr img{
	width: 200px;
	vertical-align: middle;
}
.bnr img.small{
	width: 100px;
}
#container #bnr_box p.bnr a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
/*�y�[�W�g�b�v
------------------------------------------ */
#container #main_bg_bottom p#btn_pagetop{
	margin:0 0 0 844px;
}
#container #main_bg_bottom p#btn_pagetop a:hover img{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}



/* =================================================================
		+3 : HeadArea
================================================================= */

/* �w�b�_�[
------------------------------------------ */

#header h1{
	margin:86px 0 0 36px;
	font-size:35px;
	line-height:120%;
	text-shadow: 2px 2px 2px #D6E9E5;
}
#contents_header h1{
	font-size:26px;
	line-height:120%;
	margin-top: 50px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 36px;
	text-shadow: 2px 2px 2px #D6E9E5;
}
#header h1 a,
#contents_header h1 a{
	color:#333333;	
}
#header h1 a:hover,
#contehets_header h1 a:hover{
	text-decoration:underline;
}

/* =================================================================
		+4 : Footer
================================================================= */
#footer{
	background-color:#DDEBF3;
	width:100%;
}
#footer #footer_nav{
	background: url(../img/common/bg_footer.gif) repeat-x center top;
	width:100%;
	text-align:center;
	padding:88px 0 0;
}
#footer #footer_nav_inner{
	width:980px;
	margin:0 auto;
}
#footer #footer_nav ul{
	width:960px;
	text-align:left;
	padding:0 0 10px;
	margin:0 0 0 20px;
}
#footer #footer_nav ul li{
	float:left;
	margin:0 40px 0 0;
	
}
#footer #footer_nav ul li a{
	background: url(../img/common/icon_arrow_footer_2.png) no-repeat 0 5px;
	display:block;
	padding:0 0 0 20px;
	color:#333333;
}
#footer #footer_bottom{
	width:100%;
	background: url(../img/common/bg_footer_bottom.gif) repeat-x center top;
	background-color:#257DB7;
}

/* Footer Bottom
------------------------------------------ */
#footer #footer_bottom #footer_bottom_inner{
	width:980px;
	height:60px;
	margin:0 auto;
	text-align:center;
}
#footer #footer_bottom p#copyright{
	margin:20px 0 0;
	color:#FFFFFF;
}

/* =================================================================
		+5 : MainArea
================================================================= */

#container #main #main_left{
	width:630px;
	margin:0 40px 0 30px;
	float:left;
	display:inline;
}
#container #main #main_right{
	width:250px;
	float:left;	
	display:inline;
	text-align:center;
}

/* MainLeft
___________________________________________________ */

#container #main #main_left .main_box{
	background: url(../img/common/title_bg.gif) no-repeat 0 0;
	background-color:#E9E9E9;
	margin:0 0 25px;
	text-align:left;
}
#container #main #main_left .main_box .main_inner{
	background-color:#FFFFFF;
	border-top: 1px solid #CCCCCC;
	margin: 0 10px 10px;
	padding:15px 0 0;
}
#container #main #main_left .main_box .main_inner .section{
	width: 580px;
	padding:0 15px;
	margin:0 0 20px;
}

/* .section���@�yp,h2�`h6,table�p�[�c�z
------------------------------------------ */
/* p */
#container #main #main_left .main_box .main_inner .section p{
	margin:0 0 10px;	
}
/* h2 */
#container #main #main_left .main_box h2{
	padding:12px 0 8px 15px;
	font-size:23px;
	font-weight: bold;
	color: #257DB7;	
}
#container #main #main_left .main_box h2.top{
	padding:5px 0 5px 10px;
}
/* h3�`h6���ʎw�� */
#container #main #main_left .section h3,
#container #main #main_left .section h4,
#container #main #main_left .section h5,
#container #main #main_left .section h6{
	margin: 0 0 10px;
	color: #257DB7;
}
/* h3 */
#container #main #main_left .section h3{
	background: url(../img/common/h3.gif) repeat-x 0 0;
	font-size: 20px;
	font-weight: bold;
	padding:0 0 0 10px;
	height:30px;
	width: 570px;
}
/* h4 */
#container #main #main_left .section h4{
	background: url(../img/common/h4.gif) no-repeat 0 0;
	font-size: 15px;
	font-weight: bold;
	background-color: #DAECF8;
	padding: 6px 0 0 20px;
	height:23px;
	width: 560px;
}
/* h5 */
#container #main #main_left .section h5{
	background: url(../img/common/h5.gif) no-repeat 0 0;
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 25px;
	height:21px;
	width: 555px;
}
/* h6 */
#container #main #main_left .section h6{
	background: url(../img/common/h6.gif) repeat-x 0 0;
	font-size: 13px;
	font-weight:normal;
	padding: 0 0 0 10px;
	height:25px;
	width: 570px;
}

/* �e�[�u��------------------ */
#container #main #main_left table{
	border-left:solid 1px #CCCCCC;
	border-top:solid 1px #CCCCCC;
	max-width:578px;
	margin:0 0 20px;
}
#container #main #main_left table th,
#container #main #main_left table td{
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	padding:10px 10px;
	line-height:150%;
	font-size: 16px;
}

#container #main #main_left table td{
	background-color:#FFFFFF;	
}
#container #main #main_left table th.blue{
	background-color:#EBF6FC;
	width:150px;
	text-align:left;
	color:#257DB7;
}
#container #main #main_left table th.gray{
	background-color:#F9F9F9;
	width:115px;
	text-align:left;
}
#container #main #main_left table th.orange{
	background-color:#FFF5E8;
	width:150px;
	text-align:left;
	color:#FF6600;
}


/* ���A�C�R��------------------ */
#container #main #main_left ul li.arrow01{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_off.gif);
	background-repeat: no-repeat;
	background-position:3px;
}
#container #main #main_left ul li.arrow02{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_02.gif);
	background-repeat: no-repeat;
	background-position:3px;
}
#container #main #main_left ul li.arrow03{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_03.gif);
	background-repeat: no-repeat;
	background-position:3px;
}
#container #main #main_left ul li.arrow04{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_04.gif);
	background-repeat: no-repeat;
	background-position:3px;
}
#container #main #main_left ul li.arrow05{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_05.gif);
	background-repeat: no-repeat;
	background-position:3px;
}
#container #main #main_left ul li.arrow02{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_02.gif);
	background-repeat: no-repeat;
	background-position:3px;
}
#container #main #main_left ul li.arrow03{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_03.gif);
	background-repeat: no-repeat;
	background-position:3px;
}
#container #main #main_left ul li.arrow06{
	padding-left: 20px;
	background-image: url(../img/common/icon_arrow_06.gif);
	background-repeat: no-repeat;
	background-position:3px;
}

/* �{�^��------------------ */
#container #main #main_left .btn a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
	-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.7;              /* Safari 1.x */
	zoom:1;
}
/* MainRight
___________________________________________________ */

/* �O���[�o���i�r
------------------------------------------ */
#main_right #globalnav{
	width:250px;
	background-color:#E9E9E9;
	text-align:left;
	margin:0 0 25px;
}
#main_right #globalnav h2{
margin:0 0 9px;
}
#main_right #globalnav ul li{
	border:solid 1px #DBDBDB;
	margin:0 9px 9px;
	background-color:#FFFFFF;
}
#main_right #globalnav ul li a{
	width:232px;
	height:50px;
	display:block;
	font-size:16px;
	color:#333333;
	overflow:hidden;

}
/* �i�r��2�s�̂Ƃ��̍����w�� */
#main_right #globalnav ul li a.rows2{
	height:60px;
}
#main_right #globalnav ul li a.rows2 span{
	height:60px;	
}

#main_right #globalnav ul li a span{
	background: url(../img/common/icon_arrow_off_2.png) no-repeat 15px 14px;
	height:44px;
	margin:0px 0px;
	display:block;
	padding:12px 0 0 50px;
}
#main_right #globalnav ul li a:hover{
	background-color:#9CCBEB;
	text-decoration:none;
}
#main_right #globalnav ul li a:hover span{
	background: url(../img/common/icon_arrow_on_2.png) no-repeat 15px 14px;
}
/* �t�H�[�J�X */
#main_right #globalnav ul li#here a{
	background-color:#9CCBEB;
	text-decoration:none;
}
#main_right #globalnav ul li#here a span{
	background: url(../img/common/icon_arrow_on_2.png) no-repeat 15px 14px;
}


/* =================================================================
		+6 :  Top Page
================================================================= */

/* Topics------------------ */

#main_left #topics .main_inner{
	width:610px;
	padding:15px 0;
}
#main_left #topics .topics_box{
	width:270px;
	float:left;
	display:inline;
	margin:0 40px 30px 15px;
}
#main_left #topics .topics_box2{
	width:270px;
	float:left;
	display:inline;
	margin:0 ;
}
#main_left #topics .topics_box_inner{
	border: 1px solid #E9E9E9;
	border-bottom:none;
	background: url(../img/common/topics_phbox_bottom.gif) no-repeat center bottom;
	padding:20px;
}
#main_left #topics .topics_box_inner p{
	margin:0 0 10px;
}
#main_left #topics .topics_box_inner p a{
	color:#3385BC;
	background: url(../img/common/icon_arrow_off_2.png) no-repeat 0 0;
	padding:0 0 0 20px;
}

/* What's New------------------ */
#main_left #whatsnew .main_inner{
	width:610px;
}
#main_left #whatsnew dl{
	margin:0 0 0 10px;
	background: url(../img/top/line_dotted.gif) repeat-x left bottom;
	float:left;
	display:inline;
	padding:10px 0 10px;
}
/* �ʼn��s�{�[�_�[�Ȃ��w�� */
#main_left #whatsnew dl.noborder{
	background:none;
}
#main_left #whatsnew dl dt{
	width:100px;
	float:left;
	padding:0 0 0 5px;
	display:inline;
}
#main_left #whatsnew dl dd{
	width:480px;
	float:left;
	display:inline;
}

.sm{
	display: none;
}