@charset "utf-8";
/* CSS Document */

/*ヘッダー用*/
#header #login #login_box,
#header #header_area #header_box {
	width: 926px;
	margin: 0 auto;
}

/*---------------------------------------
ログイン
=========================================
メールアドレス、パスワード入力エリア
---------------------------------------*/
div#login {
	display: none;
}

#header #login {
	background: url('../images/header/login_bg.gif') top left repeat-x;
	width: 100%;
	height: 87px;
	margin: 0;
	padding: 0;
	margin: 0 auto;
}

#header #login #login_box {
	padding-top: 23px;
}

#header #login #login_box .left {
	width: 600px;
	margin-left: 10px;
	margin-right: 0;
}

#header #login #login_box .left dl#input_area dt,
#header #login #login_box .left dl#input_area dd {
	float: left;
	border: none;
}

#header #login #login_box .left dl#input_area dt.mail,
#header #login #login_box .left dl#input_area dt.pass {
	width: 99px;
	height: 17px;
	background: none;
	background: url('../images/header/login_box_01.gif') left top no-repeat;
	padding: 0;
	margin: 10px 3px 0 0;
	text-indent: -1000em;
	display: block;
}

#header #login #login_box .left dl#input_area dt.pass {
	width: 72px;
	background: url('../images/header/login_box_02.gif') left top no-repeat;
	margin-left: 16px;
}

#header #login #login_box .left dl#input_area dd {
	width: 200px;
	height: 32px;
	background: none;
	margin: 0;
	padding: 0;
	margin-top: 2px;
}

#header #login #login_box .left dl#input_area dd input[type="email"],
#header #login #login_box .left dl#input_area dd input[type="text"],
#header #login #login_box .left dl#input_area dd input[type="password"] {
	width: 180px;/*200px*/
	height: 30px;
	background: url('../images/header/login_box_01_input.gif') left top no-repeat;
	border: none;
	padding: 0 10px 0 10px;
}

#header #login #login_box .left dl#input_area dd input[type="email"],
#header #login #login_box .left dl#input_area dd input[type="password"] {
	padding-top: 8px\9;/*IE8*/
}

/*IE9*/
:root #header #login #login_box .left dl#input_area dd input[type="email"] {
	padding-top: 0 \0/IE9;
}

:root #header #login #login_box .left dl#input_area dd input[type="password"] {
	padding-top: 0 \0/IE9;
}

/*---------------------------------------
ログインボタン
---------------------------------------*/
#header #login #login_box .right {
	width: 315px;
}

#header #login #login_box .right label {
	float: left;
	font-size: 10px;
	padding: 9px 0 0 0;
	color: #ffffff;
	cursor: pointer;
}

#header #login #login_box .right label input[type="checkbox"],
#header #login #login_box .right label span {
	vertical-align: middle;
}

#header #login #login_box .right label span {
	padding-top: 1px;
}

#header #login #login_box .right #login_button {
	float: right;
	width: 171px;
	height: 34px;
	text-indent: -1000em;
	display: block;
}
#header #login #login_box .right #login_button a {
	width: 171px;
	height: 34px;
	background: url('../images/header/login_button.gif') left top no-repeat;
	display: block;
    float: right;
	text-indent: -1000em;
	cursor: pointer;
}

#header #login #login_box .right #login_button a:hover {
	background-position: left -34px;
}

#header #login #login_box p.clear {
	background: url('../images/header/icon_arrow_01.gif') left center no-repeat;
	padding: 0 12px 0 9px;
	float: right;
	margin-top: 7px;
	font-size: 10px;
	color: #ffffff;
}

#header #login #login_box p.clear a {
	color: #ffffff;
	text-decoration: none;
}

/*---------------------------------------
ヘッダー
=========================================
会員登録とログインボタン
---------------------------------------*/
#header #header_area {
	background: url('../images/header/header_bg.gif') left top repeat-x;
	clear: both;
}

#header #header_area #header_box {
	width: 940px;
	height: 94px;
	border: none;/*header更新時に消す*/
}

#header #header_area #header_box h1 {
	height: 15px;/*30px*/
	width: 68em;
	font-size: 10px;
	padding: 8px 0 0 9px;
	float: left;
}

#header #header_area #header_box #login_area {
	float: right;
	width: 190px;
	height: 22px;
	margin-bottom: 5px;
}

#header #header_area #header_box #login_area ul li {
	float: left;
	width: 88px;
	height: 22px;
}

#header #header_area #header_box #login_area ul li#login_area_01 {
	margin-right: 14px;
}

#header #header_area #header_box #login_area ul li#login_area_01 a {
	text-indent: -1000em;
	display: block;
	background: url('../images/header/header_button01.gif') left top no-repeat;
	width: 88px;
	height: 22px;
}

#header #header_area #header_box #login_area ul li#login_area_01 a:hover {
	background: url('../images/header/header_button01.gif') left -22px no-repeat;
}

#header #header_area #header_box #login_area ul li#login_area_02 a {
	text-indent: -1000em;
	display: block;
	background: url('../images/header/header_button01.gif') -88px top no-repeat;
	width: 88px;
	height: 22px;
}

#header #header_area #header_box #login_area ul li#login_area_02 a:hover {
	background: url('../images/header/header_button01.gif') -88px -22px no-repeat;
}

/*ログインした状態の時*/
#header #header_area #header_box #login_area ul li#login_area_03 {
	margin-right: 14px;
}

#header #header_area #header_box #login_area ul li#login_area_03 a {
	text-indent: -1000em;
	display: block;
	background: url('../images/header/header_button01.gif') -176px top no-repeat;
	width: 88px;
	height: 22px;
}

#header #header_area #header_box #login_area ul li#login_area_03 a:hover {
	background: url('../images/header/header_button01.gif') -176px -22px no-repeat;
}

#header #header_area #header_box #login_area ul li#login_area_04 a {
	text-indent: -1000em;
	display: block;
	background: url('../images/header/header_button01.gif') -264px top no-repeat;
	width: 88px;
	height: 22px;
}

#header #header_area #header_box #login_area ul li#login_area_04 a:hover {
	background: url('../images/header/header_button01.gif') -264px -22px no-repeat;
}

/*---------------------------------------
ヘッダー　メイン部分
---------------------------------------*/
#header #header_area #header_box #header_box_in {
	padding-top: 5px;
	clear: both;
}

#header #header_area #header_box #header_box_in #header_box_in01 {
	float: left;
	/*width: 620px;/*646px*/
	margin-left: 8px;
}

#header #header_area #header_box #header_box_in #header_box_in02 {
	float: right;
	/*width: 450px; */
}

/*---------------------------------------
ヘッダー　メイン部分　左
---------------------------------------*/
#header #header_area #header_box #header_box_in #header_box_in01 h2 {
	width: 271px;/*281px*/
	height: 50px;
	margin: 7px 10px 0 0;
	float: left;
}

/*更新日のブロック*/
#header #header_area #header_box #header_box_in #header_box_in01 #running_box {
	/*width: 364px; */
	float: right;
	margin-top: 20px;
}

#header #header_area #header_box #header_box_in #header_box_in01 #running_box p#update {
	font-size: 11px;
	padding-top: 4px;
	/*float: left;*/
	font-weight: bold;

}

#header #header_area #header_box #header_box_in #header_box_in01 #running_box p.coname {
    color: #00468C;
    font-size: 11px;
    font-weight: bold;
    /*float: right;*/
    padding-top: 4px;
}

#header #header_area #header_box #header_box_in #header_box_in01 #running_box p#running {
	width: 86px;
	float: right;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

#header #header_area #header_box #header_box_in #header_box_in01 #running_box  p#running span.f_big {
	font-size: 18px;
	font-weight: bold;
	color: #FF6600;
	padding: 0 2px 0 2px;
}

/*---------------------------------------
ヘッダー　メイン部分　右
---------------------------------------*/
#header #header_area #header_box #header_box_in #header_box_in02 ul {
	display: block;
}
#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea {
	/*width: 273px;/*379px*/
	padding-left: 8px;

}

#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li {
	width: 102px;
	height: 26px;
	float: left;
	margin-left: 5px;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#listarea_history {
	margin-left: 5px;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#listarea_history a,
#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#listarea_history span {
	text-indent: -1000em;
	display: block;
	background: url('../images/header/header_button02.gif') left top no-repeat;
	width: 102px;
	height: 26px;

}

#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#listarea_history a:hover {
	background: url('../images/header/header_button02.gif') left -26px no-repeat;
}

/* 気になるリスト ボタン */
#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#mind_list a,
#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#mind_list span {
	text-indent: -1000em;
	display: block;
	background: url('../images/header/header_button02.gif') -102px top no-repeat;
	width: 102px;
	height: 26px;

}

#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#mind_list a:hover {
	background: url('../images/header/header_button02.gif') -102px -26px no-repeat;
}

/* 資料請求リスト ボタン */
#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#req_list a,
#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#req_list span {
	text-indent: -1000em;
	display: block;
	background: url('../images/header/header_button02.gif') -204px top no-repeat;
	width: 102px;
	height: 26px;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea li#req_list a:hover {
	background: url('../images/header/header_button02.gif') -204px -26px no-repeat;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi {
	clear: both;
	margin-top: 3px;
	padding-right: 6px;
	float: right;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li {
	float: left;
	margin-right: 25px;
	font-size: 10px;
	padding: 3px 0 3px 15px;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#about {
	background: url('../images/header/img_header_icon01.gif') left center no-repeat;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#inquiry {
	background: url('../images/header/img_header_icon03.gif') left center no-repeat;
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#about_run {
	background: url('../images/header/img_header_icon02.gif') left center no-repeat;
	margin-right: 0;
}

input[type="radio"], select, input[type="checkbox"] {
    margin-right: 7px;
}

/*---------------------------------------
ヘッダーナビ
=========================================
メニュー部分
---------------------------------------*/
#header #header_area #search_navi {
	width: 940px;
	margin: 0 auto;
	clear: both;
}

#header #header_area #search_navi ul {
	padding: 4px 0 5px 0;
	height: 41px;
}

#header #header_area #search_navi ul li {
	float: left;
}

#header #header_area #search_navi ul li#search01 {
	width: 149px;
	height: 41px;
}

#header #header_area #search_navi ul li#search01 a,
#header #header_area #search_navi ul li#search01 span {
	background: url('../images/header/navi_menu.gif') left top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search01 a:hover {
	background-position: left -41px;
}

#header #header_area #search_navi ul li#search02 {
	width: 165px;
	height: 41px;
}

#header #header_area #search_navi ul li#search02 a,
#header #header_area #search_navi ul li#search02 span {
	background: url('../images/header/navi_menu.gif') -149px top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search02 a:hover {
	background-position: -149px -41px;
}

#header #header_area #search_navi ul li#search03 {
	width: 165px;
	height: 41px;
}

#header #header_area #search_navi ul li#search03 a,
#header #header_area #search_navi ul li#search03 span {
	background: url('../images/header/navi_menu.gif') -314px top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search03 a:hover {
	background-position: -314px -41px;
}

#header #header_area #search_navi ul li#search04 {
	width: 177px;
	height: 41px;
}

#header #header_area #search_navi ul li#search04 a,
#header #header_area #search_navi ul li#search04 span {
	background: url('../images/header/navi_menu.gif') -491px top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search04 a:hover {
	background-position: -491px -41px;
}

#header #header_area #search_navi ul li#search_words,
#header #header_area #search_navi ul li#search_words_ssl {
	width: 278px;
	height: 100%;
	background: url('../images/header/navi_menu.gif') -662px top no-repeat;
}

#header #header_area #search_navi ul li#search_words input[type="text"] {
	width: 160px;
	float: left;
	margin: 10px 0 0 41px;
	border: none;
	background: none;
}

#header #header_area #search_navi ul li#search_words a,
#header #header_area #search_navi ul li#search_words_ssl span {
	width: 65px;
	height: 33px;
	float: right;
	background: url('../images/header/header_search.png') left top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	margin: 5px 8px 0 0;
}
#header #header_area #search_navi ul li#search_words .word_submit{
	width: 65px;
	height: 33px;
	float: right;
	background: url('../images/header/header_search.png') left top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	margin: 5px 6px 0 0;
}

#header #header_area #search_navi ul li#search_words a:hover,
#header #header_area #search_navi ul li#search_words .word_submit:hover{
	background-position: left -33px;
}

/*---------------------------------------
ヘッダーナビ
=========================================
メニュー部分 fc
---------------------------------------*/

#header #header_area #search_navi ul li#search05 {
	width: 226px;
	height: 41px;
}

#header #header_area #search_navi ul li#search05 a,
#header #header_area #search_navi ul li#search05 span {
	background: url('../images/header/navi_menu_fc.gif') left top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search05 a:hover {
	background-position: left -41px;
}

#header #header_area #search_navi ul li#search06 {
	width: 223px;
	height: 41px;
}

#header #header_area #search_navi ul li#search06 a,
#header #header_area #search_navi ul li#search06 span {
	background: url('../images/header/navi_menu_fc.gif') -228px top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search06 a:hover {
	background-position: -228px -41px;
}

#header #header_area #search_navi ul li#search07 {
	width: 224px;
	height: 41px;
}

#header #header_area #search_navi ul li#search07 a,
#header #header_area #search_navi ul li#search07 span {
	background: url('../images/header/navi_menu_fc.gif') -452px top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search07 a:hover {
	background-position: -452px -41px;
}

#header #header_area #search_navi ul li#search08 {
	width: 223px;
	height: 41px;
}

#header #header_area #search_navi ul li#search08 a,
#header #header_area #search_navi ul li#search08 span {
	background: url('../images/header/navi_menu_fc.gif') -679px top no-repeat;
	text-indent: -1000em;
	display: block;
	cursor: pointer;
	width: 100%;
	height: 100%;
}

#header #header_area #search_navi ul li#search08 a:hover {
	background-position: -679px -41px;
}

/*---------------------------------------
パンくずエリア
=========================================
---------------------------------------*/
#pankuzu_area {
	background: #F8F8F8;
	height: 25px;
}

#pankuzu_area #pankuzu_in {
	width: 940px;
	margin: 0 auto;
}

#pankuzu_area #pankuzu_in ol li {
	float: left;
	padding-left: 6px;
}

#pankuzu_area #pankuzu_in ol li#home {
	background: url('../images/header/icon_home.gif') 6px 6px no-repeat;
	padding-left: 28px;
}

#pankuzu_area #pankuzu_in ol li p {
	margin: 6px 5px 0 0;
	font-size: 11px;
	float: left;
	color: #333333;
	font-weight: normal;
}

#pankuzu_area #pankuzu_in ol li p a {
	color: #999999;
}

#pankuzu_area #pankuzu_in ol li img {
	float: left;
}

#pankuzu_area #pankuzu_in p {
	float: right;
	color: #00468C;
	font-size: 12px;
	margin-top: 5px;
	font-weight: bold;
}

#header #header_area a {
	opacity: 1.0;
	text-decoration: none;
	color: #065490;
}
#header #header_area a:hover {
	opacity: 1.0;
	text-decoration: underline;
	color: #F90;
}


/*---------------------------------------
ヘッダー　SSL用
---------------------------------------*/
/*#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#about span,
#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#inquiry span,
#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#about_run span,*/
#header #header_area #header_box #header_box_in #header_box_in01 .right ul li#menu01 span,
#header #header_area #header_box #header_box_in #header_box_in01 .right ul li#menu02 span,
#header #header_area #header_box #header_box_in #header_box_in02 ul#listarea span,
#header #header_area #search_navi ul li#search01 span,
#header #header_area #search_navi ul li#search02 span,
#header #header_area #search_navi ul li#search03 span,
#header #header_area #search_navi ul li#search04 span,
#header #header_area #search_navi ul li#search_words_ssl,
#header #header_area #search_navi ul li#search_words_ssl span {
	-moz-opacity:0.30;
	opacity:0.30;
	cursor: default;
	-ms-filter: "alpha( opacity=30 )";
	filter: alpha( opacity=30 );
}

#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#about span,
#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#inquiry span,
#header #header_area #header_box #header_box_in #header_box_in02 ul#header_navi li#about_run span {
	text-decoration: underline;
	color:#ccc;
}