@charset "utf-8";

* {
	margin:0px;
	padding:0px;
	color:#333;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-style: normal;
	font-weight: normal;
	font-size:12px;
}
img { border:none;}
a { text-decoration:none; color:#0686D1;}
a:hover { text-decoration:underline; color:#0686D1;}
body  {text-align: center; background:#f0f0f0;}
li { list-style:none;}
strong { font-weight:bold;}

/*-----回り込み制御-----*/
.clear_1px { font-size:1px; clear:both; line-height:100%; height:1px;   }

/*-----全体設定-----*/
#wrap { padding-bottom:2em; width:780px; margin-left:auto; margin-right:auto; background:#fff url(images/header_line.gif) repeat-x top;; border-bottom:1px #ccc solid; border-left:1px #ccc solid; border-right:1px #ccc solid;}
#wrap_inner { width:740px; margin-left:auto; margin-right:auto;}

/*-----全体設定/header-----*/
#java_comment { width:780px; margin-left:auto; margin-right:auto; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #fff solid; color:#fff; text-align:center; background:#CC0000; padding-top:0.5em; padding-bottom:0.5em;}
#submit_java_comment { color:#fff; text-align:center; background:#CC0000; padding-top:0.5em; padding-bottom:0.5em; line-height:130%;}

#header { text-align:left; width:100%; height:80px; position:relative;}
#header .left { width:590px; position:absolute; left:0; top:30px;}
#header .right { width:144px; position:absolute; right:0; top:10px;}
#header .right dl { text-align:right; padding-top:8px;}
#header .right dd { margin-top:10px;}
#header .right a,
#header .right a:hover { background:url(images/h_contact_btn_o.jpg) no-repeat left top; display:block; height:27px; width:144px;}
#header .right a:hover img{ display:none; visibility:hidden;}
* html #header .right a { display:inline-block;}
#header h1 { color:#333399; margin-left:105px; margin-top:-23px; line-height:100%;}

/*-----全体設定/メニュー-----*/
#h_menu { background:#ccc; height:36px; position:relative; margin-bottom:5px;}
#h_menu .inner { background:url(images/h_menu_back.gif) no-repeat left top; height:30px; width:737px; position:absolute; top:3px; left:3px; }
#h_menu li.btn1,
#h_menu li.btn2,
#h_menu li.btn3,
#h_menu li.btn4 { width:147px; float:left;}

#h_menu li.btn5 { width:146px; float:left;}

#h_menu li.btn1 a,
#h_menu li.btn1 a:hover { margin-right:auto; display:block; height:30px; width:146px; background-image:url(images/h_menu1_o.gif); background-position:left top; background-repeat:no-repeat;}

#h_menu li.btn2 a,
#h_menu li.btn2 a:hover { margin-right:auto; display:block; height:30px; width:146px; background-image:url(images/h_menu2_o.gif); background-position:left top; background-repeat:no-repeat;}

#h_menu li.btn3 a,
#h_menu li.btn3 a:hover { margin-right:auto; display:block; height:30px; width:146px; background-image:url(images/h_menu3_o.gif); background-position:left top; background-repeat:no-repeat;}

#h_menu li.btn4 a,
#h_menu li.btn4 a:hover { margin-right:auto; display:block; height:30px; width:146px; background-image:url(images/h_menu4_o.gif); background-position:left top; background-repeat:no-repeat;}

#h_menu li.btn5 a,
#h_menu li.btn5 a:hover { display:block; height:30px; width:146px; background-image:url(images/h_menu5_o.gif); background-position:left top; background-repeat:no-repeat;}

#h_menu li.btn1 a:hover img,
#h_menu li.btn2 a:hover img,
#h_menu li.btn3 a:hover img,
#h_menu li.btn4 a:hover img,
#h_menu li.btn5 a:hover img { display:none; visibility:hidden;}

* html #h_menu li.btn1 a,
* html #h_menu li.btn2 a,
* html #h_menu li.btn3 a,
* html #h_menu li.btn4 a,
* html #h_menu li.btn5 a { display:inline-block;}

/*-----全体設定/サブメニュー-----*/
#h_menu li .submenu { display:none; border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid;}
#h_menu li .submenu a { overflow:hidden; background-color:#f0f0f0; background-image:url(images/icon02.gif); background-repeat:no-repeat; background-position:13px 0.7em; border-top:1px #fff solid; height:auto; width:100%; text-align:left;}
#h_menu li .submenu a span,
#h_menu li .submenu a:hover span { line-height:100%; display:block; padding:0.5em 5px 0.5em 28px; color:#666;}
#h_menu li .submenu a:hover { text-decoration:none; background-color:#e6e6e6; background-image:url(images/icon02.gif); background-repeat:no-repeat; background-position:13px 0.7em; height:auto; width:100%;}

/*-----全体設定/footer-----*/
#footer { padding-top:1.2em;}
#footer { text-align:left;}
#footer dt { display:block; width:220px; float:right; text-align:right;}
#footer dt em { display:block;}
#footer dt em,
#footer dt em span { line-height:90%; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
#footer dt em span.copy { font-size:12px;}
#footer dd { display:block; font-size:10px; color:#666; width:515px; float:left;}
#footer dd a { font-size:10px; color:#666;}
#footer dd a:hover { color:#adadad;}

/*-----下層ページ設定-----*/
#footer .contact { text-align:center;}
#footer .contact a { background:#333399; display:block; padding:0.5em 10px 0.4em; margin-bottom:1em;}
#footer .contact a:hover { background:#272774; text-decoration:none;}
#footer .contact a span { color:#fff; font-weight:bold; vertical-align:0.3ex; }
#footer .contact img { margin-left:5px;}
#main_content { width:100%; background-image:url(images/main_content_back1.gif); background-repeat:repeat-y; background-position:left;}
#main_content .content_inner { width:100%; background:url(images/main_content_back2.gif) no-repeat left bottom;}

.page_c_1 .right_menu_back,
.page_c_2 .right_menu_back,
.page_c_3 .right_menu_back,
.page_i_1 .right_menu_back,
.page_i_2 .right_menu_back,
.page_i_3 .right_menu_back,
.page_f_1 .right_menu_back,
.page_n_1 .right_menu_back { padding-bottom:1em; width:100%; background:url(images/right_menu_back1.jpg) no-repeat right bottom;}
.page_p_1 .right_menu_back { padding-bottom:1em; width:100%; background:url(images/right_menu_back2.jpg) no-repeat right bottom;}
.page_p_2 .right_menu_back { padding-bottom:1em; width:100%; background:url(images/right_menu_back3.jpg) no-repeat right bottom;}

#main_content .left_content { width:570px; float:left;}
#main_content .left_content_inner { width:568px; margin-left:auto; margin-right:auto;}
#main_content .left_content_inner .content { width:500px; margin-left:auto; margin-right:auto; margin-top:2em; text-align:left;}
#main_content .left_content_inner .content .text01 { line-height:150%; margin-top:1.5em;}

#main_content .page_c_2 .left_content_inner .content,
#main_content .page_c_3 .left_content_inner .content,
#main_content .page_i_1 .left_content_inner .content,
#main_content .page_i_2 .left_content_inner .content,
#main_content .page_i_3 .left_content_inner .content,
#main_content .page_n_1 .left_content_inner .content { width:425px; margin-left:110px;}

/*-----右側メニュー-----*/
#main_content .right_menu { padding-bottom:380px; text-align:left; width:163px; float:right;}
#main_content .right_menu strong { color:#fff; padding:1em 10px 0.9em 20px; display:block; background:#333399 url(images/right_menu_h.jpg) repeat-y left;}
#main_content .right_menu li { width:100%; overflow:hidden; border-bottom:1px #fff solid;}
#main_content .right_menu li a { display:block; padding:1em 5px 0.9em 23px; background-color:#d8d8d8; background-image:url(images/r_menu_icon.gif); background-repeat:no-repeat; background-position:10px 1.2em; line-height:100%; color:#666;}
#main_content .right_menu li a:hover { text-decoration:none; background-color:#ccc;}
#main_content .right_menu li span { display:block; padding:1em 5px 0.9em 23px; background-color:#d8d8d8; background-image:url(images/r_menu_icon_a.gif); background-repeat:no-repeat; background-position:10px 1.3em; line-height:120%; font-weight:bold;}

.format_table1 table { width:100%; border-collapse:collapse;}
.format_table1 th,
.format_table1 td { border:1px #999 solid; padding-top:0.6em; padding-bottom:0.5em; line-height:140%;}
.format_table1 th { text-align:center; background:#d8d8d8; width:7.5em;}
.format_table1 th strong { display:block; line-height:120%; margin-left:5px; margin-right:5px;}
.format_table1 th span { font-weight:bold;}
.format_table1 td { text-align:left; padding-left:10px; padding-right:10px;}
.format_list01 { line-height:140%;}
.format_list01 dt { width:5.5em;}
.format_list01 dd { margin-left:6em; margin-top:-1.4em;}
.format_list02 li { line-height:150%; padding-left:10px; background-image:url(images/icon03.gif); background-repeat:no-repeat; background-position:left 0.6em;}
.format_list03 dt { width:1.3em;}
.format_list03 dd { margin-left:1.3em; margin-top:-1.4em;}
.font_b { font-weight:bold;}
.font_10px { font-size:10px;}
.font_red1 { color:#cc0000;}
.m_l_08em { margin-left:0.8em;}

#page_top { padding-top:2.5em; margin-left:15px; margin-right:185px;}
#page_top a { background-image:url(images/page_top.gif); background-repeat:no-repeat; background-position:left center; padding-left:11px; color:#666; font-size:10px; display:block; float:right;}
#page_top a:hover { color:#adadad; background-image:url(images/page_top_o.gif);}

/*-----c_1-----*/
.page_c_1 .left_content_inner .content .text01 { margin-left:75px;}
.page_c_1 .left_content_inner .content .format_table1 { text-align:left; margin-top:2em;}
.page_c_1 .left_content_inner .content .format_table1 table { width:425px; margin-left:auto;}
.page_c_1 .left_content_inner .content .format_list01 dd dt { width:6.5em;}
.page_c_1 .left_content_inner .content .format_list01 dd dd { margin-left:6.5em; margin-top:-1.4em;}

/*-----c_2-----*/
.page_c_2 .left_content_inner .content h2 { font-size:120%; font-weight:bold;}
.page_c_2 .left_content_inner .content .format_list01 { margin-top:3em; margin-bottom:0.5em;}
.page_c_2 .left_content_inner .content .format_list02 { margin-top:0.5em;}

/*-----c_3-----*/
.page_c_3 .left_content_inner .content { line-height:150%;}
.page_c_3 .left_content_inner .content h2 { color:#333399; line-height:130%;}
.page_c_3 .left_content_inner .content h2 a { font-weight:bold; font-size:120%; color:#333399; line-height:130%;}
.page_c_3 .left_content_inner .content h2 a:hover { color:#8585C2;}
.page_c_3 .left_content_inner .content .link_url { color:#666; font-family:Arial, Helvetica, sans-serif; font-size:120%; font-weight:bold;}
.page_c_3 .left_content_inner .content p { text-indent:0.7em; margin-top:0.7em; margin-bottom:2.5em;}

/*-----i_1/i_2/i_3-----*/
.page_i_1 .left_content_inner .content,
.page_i_3 .left_content_inner .content { line-height:160%;}
.page_i_1 .left_content_inner .content h2,
.page_i_2 .left_content_inner .content h2,
.page_i_3 .left_content_inner .content h2,
.page_n_1 .left_content_inner .content h2 { font-size:120%; border-bottom:1px #ccc solid; padding-bottom:0.5em; font-weight:bold; color:#666; margin-bottom:1.5em;}
.page_i_1 .left_content_inner .content h3,
.page_i_3 .left_content_inner .content h3 { font-weight:bold; color:#333399; margin-top:1.3em;}
.page_i_1 .left_content_inner .content .text,
.page_i_3 .left_content_inner .content .text { margin-top:0.4em; background:url(images/line01.gif) repeat-x bottom; padding-bottom:1.2em;}
.page_i_1 .left_content_inner .content .text_last,
.page_i_3 .left_content_inner .content .text_last { margin-top:0.3em; border-bottom:1px #ccc solid; padding-bottom:1.2em;}
.page_i_1 .left_content_inner .content .text_last dl,
.page_i_3 .left_content_inner .content .text_last dl { margin-top:0.5em;}
.page_i_1 .left_content_inner .content .text_last dt,
.page_i_3 .left_content_inner .content .text_last dt { font-weight:bold; margin-bottom:0.2em;}
.page_i_1 .left_content_inner .content .text_last dd,
.page_i_3 .left_content_inner .content .text_last dd { margin-left:0.7em;}

/*-----i_2-----*/
.page_i_2 .left_content_inner .content { line-height:170%;}
.page_i_2 .left_content_inner .content dl { margin-top:1.3em; padding:0 0 1.3em 35px; background:url(images/line01.gif) repeat-x bottom;}
.page_i_2 .left_content_inner .content dl.line_none { background:none; padding-bottom:0;}
.page_i_2 .left_content_inner .content dt { width:8em;}
.page_i_2 .left_content_inner .content dt,
.page_i_2 .left_content_inner .content dt a { font-weight:bold; color:#333399;}
.page_i_2 .left_content_inner .content dt a:hover { color:#8585C2;}
.page_i_2 .left_content_inner .content dd { margin-left:8.5em; margin-top:-1.7em; color:#666;}
.page_i_2 .left_content_inner .content dd a { color:#666;}
.page_i_2 .left_content_inner .content dd a:hover {  color:#999;}

/*-----i_3-----*/
.page_i_3 .left_content_inner .content .format_list02 { margin-top:0.5em;}
.page_i_3 .left_content_inner .content .format_list03 dt,
.page_i_3 .left_content_inner .content .format_list03 dd { padding-top:0.5em;}
.page_i_3 .left_content_inner .content .format_list03 dd { margin-top:-2.1em;}

/*-----n_1-----*/
.page_n_1 .left_content_inner .content .block { border-bottom:1px #ccc solid; padding-bottom:1.5em; margin-top:1.9em;}
.page_n_1 .left_content_inner .content .date { font-family:Arial, Helvetica, sans-serif; width:6.5em;}
.page_n_1 .left_content_inner .content .text { margin-left:7em; margin-top:-1.4em; line-height:160%;}
.page_n_1 .left_content_inner .content h3 { font-size:120%; font-weight:bold; margin-bottom:0.4em;}

/*-----p_1/p_2-----*/
.page_p_1 .left_content_inner .content,
.page_p_2 .left_content_inner .content { line-height:150%;}
.page_p_1 .left_content_inner .content .inner,
.page_p_2 .left_content_inner .content .inner { width:370px; float:right;}
.page_p_1 .left_content_inner .content .block01,
.page_p_2 .left_content_inner .content .block01 { font-weight:bold; margin-top:0.8em; color:#00348B;}
.page_p_1 .left_content_inner .content .block01 span { color:#00348B;}
.page_p_1 .left_content_inner .content .block02,
.page_p_2 .left_content_inner .content .block02 { margin-top:1em;}
.page_p_1 .left_content_inner .content .block02 strong,
.page_p_2 .left_content_inner .content .block02 strong { background:#E0E0FF; display:block; text-align:center;}
.page_p_1 .left_content_inner .content .block02 dl { width:295px; float:left; margin-top:0.3em;}
.page_p_2 .left_content_inner .content .block02 dl { margin-top:0.3em;}
.page_p_1 .left_content_inner .content .block02 dt,
.page_p_2 .left_content_inner .content .block02 dt { width:1em; margin-top:0.5em;}
.page_p_1 .left_content_inner .content .block02 dd,
.page_p_2 .left_content_inner .content .block02 dd { margin-left:1.3em; margin-top:-1.5em;}
.page_p_1 .left_content_inner .content .block02 p { width:65px; margin-top:0.8em; float:right;}
.page_p_2 .left_content_inner .content .block02 p { margin-top:1.3em;}
.page_p_1 .left_content_inner .content .block03 h2 {color:#00348B; font-weight:bold;}
.page_p_1 .left_content_inner .content .block03 { margin-top:1.7em;}
.page_p_1 .left_content_inner .content .block03 p { margin-top:0.2em;}
.page_p_1 .left_content_inner .content .table1 { margin-top:0.3em;}
.page_p_1 .left_content_inner .content .table1 h3 { font-weight:bold; margin-bottom:0.3em;}
.page_p_1 .left_content_inner .content .table1 table { border-collapse:collapse;}
.page_p_1 .left_content_inner .content .table1 th { background:#d8d8d8; width:90px;}
.page_p_1 .left_content_inner .content .table1 th,
.page_p_1 .left_content_inner .content .table1 td { line-height:140%; text-align:center; border:1px #999 solid; padding-top:0.6em; padding-bottom:0.5em;}
.page_p_1 .left_content_inner .content .table1 td { padding-left:5px; padding-right:5px;}

/*-----f_1/formmail-----*/
.page_f_1 .left_content_inner .content h2 { background:url(images/f_1_01.jpg) repeat-y left; font-size:140%; font-weight:bold; color:#fff; padding:0.4em 10px 0.4em 20px; line-height:100%;}
.page_f_1 .left_content_inner .content .block01 { margin-top:1em; line-height:150%;}
.page_f_1 .left_content_inner .content .block01 strong { display:block; margin-bottom:0.2em; color:#666;}

.page_f_1 .left_content_inner .content .block02 { margin-top:1.5em;}
.inputtext_single,
.inputtext_single_100,
.inputtext_single_150,
.inputtext_single_300,
.inputtext_area_add,
.inputtext_area_content { border:1px #ccc solid; padding:0.2em; }
.inputtext_single_100,
.inputtext_single_150,
.inputtext_single_300 { /height:1.3em; /padding:0.2em 3px 0; /line-height:110%; _line-height:120%;}
.inputtext_single_100 { width:100px;}
.inputtext_single_150 { width:150px;}
.inputtext_single_300 { width:300px;}
.inputtext_area_add,
.inputtext_area_content { width:290px;}
.inputtext_area_add { height:3em;}
.inputtext_area_content { height:10em;}
.form_select { padding:2px; /font-family: Arial,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";}
.input_mode_num { ime-mode:inactive;}
label { cursor:pointer;}

.page_f_1 .left_content_inner .content .block02 form table { border-collapse:collapse; width:100%;}
.page_f_1 .left_content_inner .content .block02 form th,
.page_f_1 .left_content_inner .content .block02 form td { padding-top:0.8em; padding-bottom:0.8em; text-align:left; border:1px #999 solid;}
.page_f_1 .left_content_inner .content .block02 form th { width:165px; background:#d8d8d8;}
.page_f_1 .left_content_inner .content .block02 form th p { margin-left:10px; line-height:130%; margin-right:10px;}
.page_f_1 .left_content_inner .content .block02 form th span.font_10px { line-height:130%; margin-top:0.2em; display:block;}
.page_f_1 .left_content_inner .content .block02 form td { padding-left:10px;}
.page_f_1 .left_content_inner .content .block02 form .submit_btn { text-align:center; margin-top:3em; padding-bottom:3em; border-bottom:1px #ccc solid;}
.page_f_1 .left_content_inner .content .block02 form .submit_btn input,
.page_f_1 .left_content_inner .content td.formmail_submit input { cursor:pointer; margin-left:0.2em; margin-right:0.2em; padding-top:0.5em; padding-bottom:0.5em; /line-height:120%; _padding-bottom:0.35em;}

/*-----formmail-----*/
.page_f_1 .left_content_inner .content .block02 .formmail_email,
.page_f_1 .left_content_inner .content .block02 .formmail_blank,
.page_f_1 .left_content_inner .content .block02 .formmail_int { padding:0.4em 0 0.4em 25px; background-image:url(images/icon_01.gif) ; background-repeat:no-repeat; background-position:left 0.4em;}
.page_f_1 .left_content_inner .content .submit { text-align:center; margin-top:3em;}
.page_f_1 .left_content_inner .content .submit a { background:url(images/form_btn01.gif) no-repeat center top; margin-left:auto; margin-right:auto; width:120px; padding-top:1em; padding-bottom:1em; line-height:100%; display:block; color:#333;}
.page_f_1 .left_content_inner .content .submit a:hover { background:url(images/form_btn01_o.gif) no-repeat center top; text-decoration:none;}
.formmail01 .left_content_inner .content .format_list03 dt,
.formmail01 .left_content_inner .content .format_list03 dd { line-height:150%; color:#cc0000;}
.formmail01 .left_content_inner .content .format_list03 dd { margin-top:-1.5em;}
.page_f_1 .left_content_inner .content td.formmail_submit { border:none !important;}
.page_f_1 .left_content_inner .content td.formmail_submit p { text-align:center; margin-top:2.5em;}
.page_f_1 .left_content_inner .content td.formmail_submit input { width:7em;}

/*-----トップページ-----*/
#flash { background:#ccc; padding-top:3px; padding-bottom:3px; margin-bottom:5px;}
#flashcontent { background:#fff; margin-left:auto; margin-right:auto; width:734px; height:300px;}
#flashcontent .inner { padding-top:9em;}
.top_content { padding-bottom:2em; border:1px #ccc solid;}
.top_content h2 a { background:#333399; display:block; padding:0.5em 10px 0.4em; margin-bottom:1.8em;}
.top_content h2 a:hover { background:#272774; text-decoration:none;}
.top_content h2 a span { color:#fff; font-weight:bold; vertical-align:0.4ex; }
.top_content h2 img { margin-left:5px;}
.top_content .inner { width:680px; margin-left:auto; margin-right:auto; text-align:left;}
.top_content .left_block { width:450px; float:left;}
.top_content .left_block .left_column { margin-top:0.8em; border-left:2px #00CCFF solid; padding-left:13px;}
.top_content .left_block .left_column p { line-height:160%;}
.top_content .left_block .topics { margin-top:1.3em; line-height:140%;}
.top_content .left_block .topics dt { padding-top:0.6em; width:9em; display:block; font-family:Arial, Helvetica, sans-serif;}
.top_content .left_block .topics dt img { margin-right:5px; vertical-align:0.1ex;}
.top_content .left_block .topics dd { padding-top:0.6em; margin-left:9.2em; margin-top:-2em;}
.top_content .left_block .topics dd a { color:#333;}
.top_content .left_block .topics dd a:hover { text-decoration:none; color:#0686D1;}
.top_content .right_block { padding-top:0.7em; width:218px; float:right;}
/* 保留
.top_content .right_block a:hover {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
*/
.top_content .right_block li.first { margin-bottom:7px;}
