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

.clear {
	clear: both;
}
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

a:link {
	color: #0033CC;
}
a:visited {
	color: #996600;
}
a:hover {
	color: #0099CC;
	text-decoration: none;
}
a:active {
	color: #996600;
	text-decoration: underline;
}
.red {
	color: #CB0006;
}


* {
}

body {
	text-align: center;
	margin: 0px;
	font-family:
	'メイリオ',
	'Meiryo',
	'Hiragino Kaku Gothic Pro',
	'ヒラギノ角ゴ Pro W3',
	'Osaka',
	'ＭＳ Ｐゴシック',
	sans-serif;
	background-color: #080032;
	color: #333333;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
a img  {
	text-decoration: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.top {
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 50px;
	padding-top: 35px;
	background-color: #DCFFFF;
}
.sub {
	background-image: url(images/sub_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 50px;
	padding-top: 35px;
	background-color: #FFFFFF;
}
#page h1 {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}
#page  h1 a {
	display: block;
	height: 125px;
	width: 195px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	text-indent: -10000px;
	text-decoration: none;
}
#page  h1.toplogo a {
	background-image: url(images/logo.jpg);
}
#page  h1.sublogo a {
	background-image: url(images/sub_logo.jpg);
}
#head {
	text-align: left;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#subhead {
	text-align: left;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
#top_main {
	text-align: left;
	width: 948px;
	margin-right: auto;
	margin-left: auto;
}
#sub_main {
	text-align: left;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
#foot {
	background-image: url(images/foot_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	clear: both;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 120%;
}
#navi {
	width: 734px;
	position: absolute;
	left: 214px;
	top: 45px;
}
#subnavi {
	width: 734px;
	position: absolute;
	left: 213px;
	top: 39px;
}
ul.menu {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.menu li {
	float: left;
}

/* TOPnavi */

.menu li#menu_1 a {
	height: 38px;
	width: 147px;
	background-image: url(images/btn_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#menu_1 a:hover,.menu li#menu_1.on a {
	background-image: url(images/btn_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#menu_2 a {
	height: 38px;
	width: 146px;
	background-image: url(images/btn_pro.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#menu_2 a:hover,.menu li#menu_2.on a {
	background-image: url(images/btn_pro.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#menu_3 a {
	height: 38px;
	width: 146px;
	background-image: url(images/btn_com.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#menu_3 a:hover,.menu li#menu_3.on a {
	background-image: url(images/btn_com.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#menu_4 a {
	height: 38px;
	width: 146px;
	background-image: url(images/btn_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#menu_4 a:hover {
	background-image: url(images/btn_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#menu_5 a {
	height: 38px;
	width: 149px;
	background-image: url(images/btn_mail.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#menu_5 a:hover {
	background-image: url(images/btn_mail.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}

/* SUBnavi */

.menu li#submenu_1 a {
	height: 38px;
	width: 147px;
	background-image: url(images/sub_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#submenu_1 a:hover,.menu li#submenu_1.on a {
	background-image: url(images/sub_home.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#submenu_2 a {
	height: 38px;
	width: 146px;
	background-image: url(images/sub_pro.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#submenu_2 a:hover,.menu li#submenu_2.on a {
	background-image: url(images/sub_pro.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#submenu_3 a {
	height: 38px;
	width: 146px;
	background-image: url(images/sub_com.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#submenu_3 a:hover,.menu li#submenu_3.on a {
	background-image: url(images/sub_com.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#submenu_4 a {
	height: 38px;
	width: 146px;
	background-image: url(images/sub_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#submenu_4 a:hover {
	background-image: url(images/sub_blog.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}
.menu li#submenu_5 a {
	height: 38px;
	width: 149px;
	background-image: url(images/sub_mail.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	font-size: 11px;
	text-decoration: none;
	text-indent: -10000px;
}
.menu li#submenu_5 a:hover {
	background-image: url(images/sub_mail.jpg);
	background-repeat: no-repeat;
	background-position: 0px -38px;
	display: block;
}



#top_main .top_text_area {
	float: left;
	width: 500px;
	padding-left: 30px;
	padding-top: 19px;
}
#top_main .top_logoarea {
	float: right;
	width: 293px;
	padding-right: 85px;
	padding-top: 29px;
}
#top_main h2 {
	margin: 0px;
}
.top_text_area   h2.tit1 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}
.top_text_area p.read {
	font-size: 14px;
	line-height: 140%;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
}
.top_text_area p.en {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
	color: #080032;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 40px;
}
.top_text_area .tankimg {
	float: left;
	width: 116px;
}
.top_text_area .mizu_area {
	float: right;
	width: 374px;
}
.mizu_area p {
	font-size: 12px;
	line-height: 140%;
	margin: 0px;
	padding-top: 8px;
}
#foot p {
	margin: 0px;
}
#foot a {
	color: #FFFFFF;
}
#foot #footbottom {
	text-align: left;
	width: 920px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#foot #footbottom a {
	color: #FFFFFF;
	text-decoration: none;
}
#footbottom .bt_left {
	width: 165px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #848099;
	float: left;
	line-height: 140%;
}
#footbottom .bt_cent {
	padding-left: 20px;
	float: left;
	width: 550px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #848099;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 140%;
	padding-bottom: 15px;
}
#footbottom .bt_copy {
	padding-left: 15px;
	float: left;
	width: 140px;
	padding-top: 25px;
	font-family: Arial, Helvetica, sans-serif;
}
#product_area {
}
#product_area h2 {
	margin: 0px;
	padding-bottom: 10px;
}
#product_area p {
	font-size: 80%;
	line-height: 150%;
	margin: 0px;
}
#product_area p.readtext {
	font-size: 90%;
}
#titimg {
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 20px;
}
#product_area  .leftareaA {
	float: left;
	padding-bottom: 30px;
}
#product_area .rightareaA {
	float: right;
	width: 375px;
	padding-top: 55px;
	padding-bottom: 30px;
}
#kouzou {
	clear: both;
}
#kouzou li {
	font-size: 80%;
}
#kouzou .zu01 {
	float: left;
	width: 305px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	margin-bottom: 30px;
}
#kouzou .zu02 {
	float: left;
	width: 295px;
	padding-left: 15px;
}
#kouzou .zu03 {
	float: left;
	width: 290px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	margin-bottom: 30px;
}
#kouzou .bgcol_box {
	background-color: #EFE6D6;
	padding: 15px;
	margin-bottom: 15px;
	clear: both;
}
#kouzou .bgcol_box h3 {
	color: #996600;
	margin: 0px;
	padding-bottom: 5px;
}
#kouzou .bgcol_box p {
	font-size: 80%;
}
.bottomcon {
	margin-top: 50px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #080032;
}
#product_area  .bottomcon p {
	font-size: 90%;
}
#com_area p {
	margin: 0px;
	font-size: 80%;
	line-height: 150%;
}
#com_area .jptext {
	font-size: 90%;
	color: #080032;
	margin: 0px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 30px;
}
#com_area .entext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #120B53;
	margin: 0px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#com_area .en_p {
	font-family: Arial, Helvetica, sans-serif;
	color: #0E004A;
	padding-left: 3px;
}
#com_area p.bottomline {
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-left: 3px;
}
#com_area p.comtext {
	font-size: 90%;
}
#com_area .gyowaku {
	border: 1px solid #CCCCCC;
	margin-bottom: 15px;
}
.gyowaku h3 {
	font-size: 80%;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 5px;
}
.gyowaku ul {
	margin-top: 10px;
	margin-bottom: 15px;
}
.gyowaku li {
	font-size: 80%;
}
#com_area .leftarea {
	float: left;
	width: 375px;
}
#com_area .rightarea {
	float: right;
	width: 520px;
	padding-top: 20px;
}
#com_area .rightarea img {
	padding: 10px;
	border: 1px solid #CCCCCC;
}
#titimg .tit_p {
	font-weight: bold;
	color: #0F0252;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0B014B;
	padding-bottom: 5px;
	font-size: 110%;
	margin: 0px;
}
#contents p {
	font-size: 80%;
	line-height: 150%;
}
#contents p .title {
	font-weight: bold;
	color: #140257;
}
.table_a {
	font-size: 80%;
	margin: 0px;
	padding: 0px;
}
.table_a th , td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	font-weight: normal;
}
.table_a th {
	padding-right: 20px;
}