@charset "utf-8";

/* 共通(common.css)
-------------------------------------------------- */
body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	background: url(../img/comm_head_bg.gif) repeat-x;
}
a:hover {	color: #FF6600; }
.clearboth {
	font-size: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: 0px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.text_std {
	font-size: 90%;
	line-height: 1.5;
}
.text_large {
	font-size: 120%;
}

.text_small {
	font-size: 80%;
	line-height: 1.5;
}

.text_mini {
	font-size: 70%;
	line-height: 1.5;
}
.text_color_red {
	color: #FF0000;
}
.text_color_blue {
	color: #0000FF;
}
.text_color_skyblue {
	color: #4A77D2;
}
.text_color_gray {
	color: #999999;
}


.comingsoon {
	text-align: center;
	margin: 0px;
	padding: 300px 0px 0px;
	height: 650px;
	width: 705px;
}



/* コンテナー */
#container {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}

/* ヘッダ */
#head {
	margin: 0px;
	padding: 10px 0px 15px;
	width: 960px;
	height: 121px;
}
#head h1 {
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 65px;
	width: 155px;
}
#head h1 a{
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 65px;
	width: 155px;
}
#head .head_text01 {
	margin: 0px 0px 0px 15px;
	padding: 40px 0px 0px;
	float: left;
}
#head .langbox {
	margin: 0px;
	padding: 0px;
	float: right;
}
#head .langbox ul {
	margin: 0px;
	padding: 0px;
}
#head .langbox li {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	height: 22px;
	width: 52px;
	list-style: none;
	float: left;
}
.lang01 a {
	background: url(../img/comm_lang_english.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 52px;
	overflow: hidden;
}
.lang02 a {
	background: url(../img/comm_lang_bintai.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 52px;
	overflow: hidden;
}
.lang03 a {
	background: url(../img/comm_lang_kantai.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 52px;
	overflow: hidden;
}
.lang04 a {
	background: url(../img/comm_lang_korean.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 22px;
	width: 52px;
	overflow: hidden;
}
.lang01 a:hover {	background: url(../img/comm_lang_english.gif) no-repeat 0px -22px; }
.lang02 a:hover {	background: url(../img/comm_lang_bintai.gif) no-repeat 0px -22px; }
.lang03 a:hover {	background: url(../img/comm_lang_kantai.gif) no-repeat 0px -22px; }
.lang04 a:hover {	background: url(../img/comm_lang_korean.gif) no-repeat 0px -22px; }
#head   .sitemapbox {
	margin: 5px 0 0 0;
	padding: 0px;
	float: right;
	clear: right;
}
#head   .sitemapbox   ul {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#head   .sitemapbox   li {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	float: left;
	list-style: none;
}
.inq a {
	font-size: 10px;
	background: url(../img/mark_email.gif) no-repeat;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	display: block;
}
.sitemap  a {
	font-size: 10px;
	background: url(../img/mark_sitemap.gif) no-repeat 0px 0px;
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 17px;
	display: block;
}

#head #menu {
	margin: 0px auto;
	padding: 14px 0px 0px;
	width: 960px;
	clear: both;
	height: 42px;
}
#menu .menubox {
	margin: 0px;
	padding: 0px;
}
#menu .menubox ul {
	margin: 0px;
	padding: 0px;
}
#menu .menubox li {
	margin: 0px;
	padding: 0px;
	float: left;
	list-style: none;
}
.menu01 a {
	background: url(../img/comm_menu01.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 160px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu02 a {
	background: url(../img/comm_menu02.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 121px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu03 a {
	background: url(../img/comm_menu03.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 93px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu04 a {
	background: url(../img/comm_menu04.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 145px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu05 a {
	background: url(../img/comm_menu05.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 68px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu06 a {
	background: url(../img/comm_menu06.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 134px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu07  a {
	background: url(../img/comm_menu07.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 140px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu00 a {
	background: url(../img/comm_menu00.gif) no-repeat;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 93px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu01 a:hover {	background: url(../img/comm_menu01.gif) no-repeat 0px -42px; }
.menu02 a:hover {	background: url(../img/comm_menu02.gif) no-repeat 0px -42px; }
.menu03 a:hover {	background: url(../img/comm_menu03.gif) no-repeat 0px -42px; }
.menu04 a:hover {	background: url(../img/comm_menu04.gif) no-repeat 0px -42px; }
.menu05 a:hover {	background: url(../img/comm_menu05.gif) no-repeat 0px -42px; }
.menu06 a:hover {
	background: url(../img/comm_menu06.gif) no-repeat 0px -42px;
}
.menu07  a:hover {
	background: url(../img/comm_menu07.gif) no-repeat 0px -42px;
}
.menu00 a:hover {	background: url(../img/comm_menu00.gif) no-repeat 0px -42px; }
.menu01_select  a {
	background: url(../img/comm_menu01.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 160px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu02_select  a {
	background: url(../img/comm_menu02.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 121px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu03_select  a {
	background: url(../img/comm_menu03.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 93px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu04_select  a {
	background: url(../img/comm_menu04.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 145px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu05_select  a {
	background: url(../img/comm_menu05.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 68px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu06_select  a {
	background: url(../img/comm_menu06.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 134px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu07_select   a {
	background: url(../img/comm_menu07.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 140px;
	overflow: hidden;
	text-indent: -9999px;
}
.menu00_select  a {
	background: url(../img/comm_menu00.gif) no-repeat 0px -84px;
	display: block;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 42px;
	width: 93px;
	overflow: hidden;
	text-indent: -9999px;
}

#menu .mojibox {
	margin: 10px 0 0;
	padding: 0px;
	float: right;
}
#menu .mojibox ul {
	margin: 0px;
	padding: 0px;
}
#menu .mojibox li {
	margin: 0px 0px 0px 1px;
	padding: 0px;
	float: left;
	list-style: none;
}
.moji01 a {
	background: url(../img/comm_moji.gif) no-repeat;
	margin: 2px 0px 0px;
	padding: 0px;
	height: 22px;
	width: 22px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
.moji02 a {
	background: url(../img/comm_moji.gif) no-repeat -24px 0px;
	margin: 1px 0px 0px;
	padding: 0px;
	height: 23px;
	width: 23px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
.moji03 a {
	background: url(../img/comm_moji.gif) no-repeat -49px 0px;
	margin: 0px 0px 0px;
	padding: 0px;
	height: 24px;
	width: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
.moji01 a:hover {	background: url(../img/comm_moji.gif) no-repeat 0px -24px; }
.moji02 a:hover {	background: url(../img/comm_moji.gif) no-repeat -24px -24px; }
.moji03 a:hover {	background: url(../img/comm_moji.gif) no-repeat -49px -24px; }
.moji01_select a {
	background: url(../img/area/comm_moji_select.gif) no-repeat 0px 0px;
	margin: 2px 0px 0px;
	padding: 0px;
	height: 22px;
	width: 22px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
.moji02_select a {
	background: url(../img/area/comm_moji_select.gif) no-repeat -24px 0px;
	margin: 1px 0px 0px;
	padding: 0px;
	height: 23px;
	width: 23px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}
.moji03_select a {
	background: url(../img/area/comm_moji_select.gif) no-repeat -49px 0px;
	margin: 0px 0px 0px;
	padding: 0px;
	height: 24px;
	width: 24px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
}


/* メイン */
#main {
	margin: 0px;
	padding: 0;
	clear: both;
	width: 960px;
}
 .pankuzu {
	margin: 0 0 15px 0;
	text-align: left;
	display: block;
	padding: 0;
	width: 960px;
}


/* メイン　左列 */
#main #main_left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 705px;
	text-align: left;
}
.h2_title {
	background: url(../img/tif_title01.gif) no-repeat;
	margin: 0px 0px 20px;
	padding: 5px 0px 0px 50px;
	height: 33px;
	width: 655px;
	font-size: 110%;
	color: #527CD2;
	clear: both;
}
.h3_title  {
	font-weight: bold;
	margin: 0px 5px 5px;
	padding: 0px;
	width: 695px;
	display: block;
	font-size: 100%;
	clear: both;
	line-height: 1.3;
}
.bar705 {
	background: url(../img/area/bar705.gif) no-repeat;
	margin: 0 0 2px 0;
	padding: 0px;
	clear: both;
	height: 8px;
	width: 705px;
	text-indent: -9999px;
	display: block;
	font-size: 0px;
}


/* メイン　右列 */
#main #main_right {
	margin: 0px;
	padding: 0px;
	width: 240px;
	float: right;
	text-align: left;
}
.rightbox2 {
	background: url(../img-index/index_leftbox2_bg.gif) repeat-y;
	margin: 0px;
	padding: 5px 0 0 0;
	width: 240px;
}
.rightbox2_title  {
	background: url(../img-index/index_leftbox2_top.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0px;
	height: 44px;
	width: 240px;
}
.rightbox2 ul {
	margin: 0px auto;
	padding: 0px 0px 0px 10px;
	width: 220px;
}
.rightbox2 li {
	margin: 0px 0px 2px;
	padding: 0px 0px 0px 20px;
	width: 195px;
	list-style: none;
	background: url(../img/mark_maru.gif) no-repeat 0px 6px;
}

.rightbox2_foot {
	background: url(../img-index/index_leftbox2_foot.gif) no-repeat;
	margin: 0 0 5px 0;
	padding: 0px;
	height: 15px;
	width: 240px;
}
.rightbox3 {
	background: url(../img-index/index_leftbox3_bg.gif) repeat-y;
	margin: 0px;
	padding: 5px 0 0 0;
	width: 240px;
}
.rightbox3_title  {
	background: url(../img-index/index_leftbox3_top.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0px;
	height: 44px;
	width: 240px;
}
.rightbox3 ul {
	margin: 0px auto;
	padding: 0px 0px 0px 10px;
	width: 220px;
}
.rightbox3 li {
	margin: 0px 0px 2px;
	padding: 0px 0px 0px 20px;
	width: 195px;
	list-style: none;
	background: url(../img/mark_maru.gif) no-repeat 0px 6px;
}
.rightbox3_foot {
	background: url(../img-index/index_leftbox3_foot.gif) no-repeat;
	margin: 0 0 5px 0;
	padding: 0px;
	height: 15px;
	width: 240px;
}
#main_right .btn_login01 {
	background: url(../img/comm_tif_login.gif) no-repeat;
	margin: 0 0 2px 0;
	padding: 0px;
	height: 40px;
	width: 240px;
	text-indent: -9999px;
	display: block;
}
#main_right .btn_login01 a {
	background: url(../img/comm_tif_login.gif) no-repeat;
	margin: 0;
	padding: 0px;
	height: 40px;
	width: 240px;
	text-indent: -9999px;
	display: block;
}
#main_right .btn_login01 a:hover {	background: url(../img/comm_tif_login_on.gif) no-repeat; }
#main_right .btn_login02 {
	background: url(../img/comm_ati_login.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0 0 5px 0;
	padding: 0px;
	height: 40px;
	width: 240px;
}
#main_right .btn_login02 a {
	background: url(../img/comm_ati_login.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	margin: 0;
	padding: 0px;
	height: 40px;
	width: 240px;
}
#main_right .btn_login02 a:hover {	background: url(../img/comm_ati_login_on.gif) no-repeat; }
.btn_list {
	margin: 0px;
	padding: 5px 5px 0px 0px;
	height: 19px;
	width: 60px;
	float: right;
}
.btn_list a {
	background: url(../img/btn_ichiran.gif) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 50px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.btn_list a:hover {	background: url(../img/btn_ichiran.gif) no-repeat 0px -19px; }
.top {
	background: url(../img/mark_up.gif) no-repeat 0px 1px;
	margin: 0;
	padding: 0px 0px 15px 20px;
	font-size: 12px;
	text-align: right;
	float: right;
	clear: both;
}
.promo {
	margin: 0 0 0 10px;
	padding: 0px;
}
.adobe_text {
	margin: 0px auto;
	padding: 0px 0px 15px;
	width: 695px;
}


/* フッタ */
#foot {
	margin: 0px auto;
	padding: 0 0 10px 0;
	clear: both;
	width: 100%;
}
#foot .foot_menu {
	margin: 0px auto 15px;
	padding: 0px;
	clear: both;
}
.foot_menu ul {
	text-align: center;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}

.foot_menu li {
	margin: 0px;
	padding: 0px 5px;
	list-style: none;
	display: inline;
	border-right: 1px solid #666666;
}
.foot_menu .li_noborder {
	border-right-style: none;
}
#foot .foot_bar {
	clear: both;
	background: #698DDA;
	margin: 0px;
	padding: 5px 0px;
}
.foot_box {
	margin: 0px auto;
	padding: 0px;
	width: 960px;
}
.foot_title01 {
	float: left;
	margin: 0px;
	padding: 7px 30px 0px 10px;
}
.foot_title02 {
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
	line-height: 1.3;
}
#foot .copyright {
	clear: both;
	font-size: 12px;
	margin: 10px 0px;
	padding: 0px;
}