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

html { background: #2D3378; }

body {
	margin: 0; padding: 0 0 20px;
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
	font-size: 14px; line-height: 1em; color: #333;
	background: #2D3378;
}

img { border: 0; }

.img_right1 { float: right; border: 0; padding: 0; }
.img_left1 { float: left; border: 0; padding: 0; }
.img_right2 { float: right; border: 0; padding: 0 0 3px 10px; }
.img_left2 { float: left; border: 0; padding: 0 10px 3px 0; }

.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 */

.clr {
	clear: both; overflow: hidden;
	margin: 0; padding: 0;
}

br.clear { clear:both; height:0; }

/*--Text Settings--*/
.tx117 { font-size: 117%; }
.tx100 {font-size: 100%; }
.tx85 { font-size: 85%; }
.tx78 { font-size: 78%; }
.tx65 { font-size: 65%; }

.lh1_0 { line-height: 1.0; }
.lh1_1 { line-height: 1.1; }
.lh1_2 { line-height: 1.2; }
.lh1_3 { line-height: 1.3; }
.lh1_4 { line-height: 1.4; }
.lh1_5 { line-height: 1.5; }
.lh1_6 { line-height: 1.6; }

.gold1 { color: #E4E3A8; }
.gold2 { color: #FFC; }
.red1 { color: #C00; }

.b1 { font-weight: bold; }

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 120%; color: #2D3378;  }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin: 0 0 15px; padding: 0;
}

h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5 { font-size: 93%; }
h6 { font-size: 85%; }
p { margin-bottom:22px; }

.title1 {
	margin: 0 0 15px; padding: 4px 6px;
	border-left: 4px solid #000;
	border-right: 4px solid #000;
	color: #FFF;
	background: #0066FF url(images/bg_title1.png) repeat-x;
}

h4.title2 {
	margin: 0 0 10px; padding: 3px 6px;
	border-left: 4px solid #000;
	border-right: 4px solid #000;
	font-size: 100%;
	color: #FFF;
	background: #0066FF url(images/bg_title1.png) repeat-x;
}


.title_prefecture1 {
	margin: 0 0 10px; padding: 3px 6px;
	border-left: 4px solid #000;
	color: #FFF;
	background: #1B3C8A;
}

.tx_c { text-align: center; }
.tx_l { text-align: left; }
.tx_r { text-align: right; }

.tx_red1 { color: #F00; }
.tx_red2 { color: #C00; }
.tx_gray1 { color: #999; }
.tx_green1 { color: #71C300; }

.caption1 { font-size: 78%; line-height: 1.3; }

.hidden { display: none; }

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

ul { margin: 0 0 10px; padding: 0 0 0 1.2em; }
li { margin: 0; padding: 0; }

/*---Padding---*/
.pad_b1 { padding: 0 0 1px; }
.pad_b3 { padding: 0 0 3px; }
.pad_b5 { padding: 0 0 5px; }
.pad_b7 { padding: 0 0 7px; }
.pad_b10 { padding: 0 0 10px; }
.pad_b15 { padding: 0 0 15px; }
.pad_b20 { padding: 0 0 20px; }
.pad_b25 { padding: 0 0 25px; }
.pad_b30 { padding: 0 0 30px; }

/*---Margin---*/
.mag_b1 { margin: 0 0 1px; }
.mag_b3 { margin: 0 0 3px; }
.mag_b5 { margin: 0 0 5px; }
.mag_b7 { margin: 0 0 7px; }
.mag_b10 { margin: 0 0 10px; }
.mag_b15 { margin: 0 0 15px; }
.mag_b20 { margin: 0 0 20px; }
.mag_b25 { margin: 0 0 25px; }
.mag_b30 { margin: 0 0 30px; }

/*---Layout---*/
#wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto; padding: 0 0 20px;
	text-align: left;
	font-size: 100%;
	background: #FFF;
}

#header {
	margin: 0; padding: 0;
	color: #FFF;
	background: #FFF url(images/bg_header01.gif) left top no-repeat;
}
#logo1 { float: left; margin: 0; padding: 10px; }
#logo2 { float: right; margin: 0; padding: 28px 10px 0; font-size: 78%; font-weight: bold; }

#content {
	margin: 0; padding: 0 15px 20px;
	font-size: 100%; line-height: 1.6;
}

#content-left1 {
	float: left;
	width: 180px;
	line-height: 1.3;
}


#content-right1 {
	float: right;
	width: 680px;
}

.content-inner-left {
	float: left; width: 330px;
}

.content-inner-right {
	float: right; width: 330px;
}

.content-left2 {
	float: left; width: 420px;
}

.content-right2 {
	float: right; width: 420px;
}

.content-centerline1 {
	background: url(images/line_v1.gif) center top repeat-y;
}

#backtotop {
	width: 900px;
	position: relative;
	margin: 0 auto; padding: 0;
	font-size: 78%; font-weight: bold;
	background: #FFF;
}
.btn_pagetop { padding: 10px 15px; text-align: right; }

#footer {
	width: 900px;
	position: relative;
	margin: 0 auto; padding: 0;
	font-size: 72%; font-weight: bold;
	color: #333;
	background: #F6F6F6 url(images/bg_footer01.png) repeat-x;
	border-bottom: 6px solid #000;
}

#footer_inner1 { float: left; width: 400px; margin: 0; padding: 5px 10px 5px; }
#footer_inner2 { float: right; width: 400px; margin: 0; padding: 12px 10px 11px; text-align: right; }

/*---Top---*/
.whatsnew_date1 {
	float: left;
	margin: 0; padding: 2px 8px;
	font-size: 93%;
	color: #333; line-height: 1.3;
	border-left: 5px solid #000; 
}

.whatsnew_tx1 {
	float: right; width: 570px; padding: 2px 0;
	font-size: 93%;
	line-height: 1.3;
}

/*---Primary Links---*/
div#primarylinks {
	margin: 0 0 15px; padding: 0 8px 0;
	font-size: 78%;
	font-weight: bold;
	background: #141737 url(images/bg_menu01.png) left top repeat-x;
}

div#primarylinks ul {
	margin: 0; padding: 5px 0 0;
	list-style: none;
}

div#primarylinks ul li {
	float: left;
	margin: 0 3px 0; padding: 6px 3px 10px;
	display: inline;
	}

div#primarylinks ul li.active {
	background: #FFF;
}

div#primarylinks ul li a { color: #FFF; }
div#primarylinks ul li a:hover { color: #FFF; background: #F63; text-decoration: none; }
div#primarylinks ul li.active a { color: #666; }
div#primarylinks ul li.active a:hover { color: #FFF; background: #F63; text-decoration: none; }

/*---Main Image---*/
h1#mainimage1, div#mainimage1 {
	margin: 0; padding: 0 0 5px; text-align: center;
}

/*---Side Bar---*/
ul.sidebar-menu1 {
	margin: 0; padding: 0 0 0 2px;
	font-size: 78%; font-weight: bold;
	line-height: 1.2;
}

ul.sidebar-menu1 li {
	margin: 10px 0 10px; padding: 0 0 0 9px;
	list-style: none;
	background: url(images/ico_arrow01.gif) 1px 4px no-repeat;
}

ul.sidebar-menu1 ul {
	margin: 0; padding: 0;
}

div#sidebar-left h4.title2 {
	margin: 0 0 7px; padding: 5px 5px 5px;
	font-size: 93%;
	color: #555;
	border-top: 1px solid #D00;
	border-bottom: 1px dotted #D00;
}

div#sidebar-left h4.title3 {
	margin: 0 0 5px; padding: 0 5px 0;
	color: #777;
}

/*---Product Thumbnail---*/
div.product_thm_l1, div.product_thm_l2,
div.product_thm_r1, div.product_thm_r2,
div.product_thm_3 {
	display: inline;
	line-height: 1.4;
	text-align: left;
	color: #333;
    font-size: 86%;
}

div.product_thm_l1 { float: left; width: 162px; }
div.product_thm_l2 { float: left; width: 335px; }

div.product_thm_r1 { float: right; width: 162px;  }
div.product_thm_r2 { float: right; width: 335px; }

div.product_thm_3 { margin: 0 10px 10px 0; padding: 0 0 15px; }
div.product_thm_l1, div.product_thm_l2 { margin: 0 10px 0 0; padding: 0 0 15px; }
div.product_thm_r1, div.product_thm_r2 { margin: 0; padding: 0 0 15px; }

div.product_thm_l1 img, div.product_thm_l2 img,
div.product_thm_r1 img, div.product_thm_r2 img,
div.product_thm_3 img { border: 1px solid #CCC; }

div.product_thm_l1 a:hover img, div.product_thm_l2 a:hover img,
div.product_thm_r1 a:hover img, div.product_thm_r2 a:hover img,
div.product_thm_3 a:hover img { border: 1px solid #F00; }

div.product_thm_l1 .caption, div.product_thm_l2 .caption,
div.product_thm_r1 .caption, div.product_thm_r2 .caption,
div.product_thm_3 .caption {
	margin: 0 0 5px; padding: 3px 0 3px;
	text-decoration: none;
	color: #1B3C8A; font-weight: bold;
	border-bottom: 1px dotted #999;
}

div.product_thm_l1 .price, div.product_thm_l2 .price,
div.product_thm_r1 .price, div.product_thm_r2 .price,
div.product_thm_3 .price {
	margin: 0 0 5px; padding: 3px 0 3px;
	text-decoration: none;
	color: #444; font-weight: bold;
	border-bottom: 1px dotted #999;
}

/*---Product Main---*/
.product_left1 {
	float: left; width: 400px;
}

.product_right1 {
	float: right; width: 260px;
}

.spec_table1 td {
	border-top: 1px solid #DDD;
	padding: 3px;
	vertical-align: top;
	font-size: 86%;
}

div.product_caption {
	margin: 0 0 5px; padding: 0 0 6px;
	text-decoration: none;
	color: #333;
	font-size: 85%; line-height: 1.3;
	border-bottom: 1px dotted #999;
}

div.product_price {
	margin: 0 0 5px; padding: 0 0 6px;
	text-decoration: none;
	color: #444; font-weight: bold;
	line-height: 1.3;
	border-bottom: 1px dotted #999;
}

h4.product_lineup {
	margin: 0 0 5px; padding: 3px 4px; 
	line-height: 1.2;
	border-left: 3px solid #1B3C8A;
	border-bottom: 1px solid #333;
}

ul.product_lineup { margin: 0 0 0 0.2em; padding: 0 0 0.2em 0.2em; }
ul.product_lineup li {
	list-style: none;
	margin: 0; padding: 0 0 0.2em 0.6em;
	background: url(images/ico_list01.gif) 0 0.4em no-repeat;
}

h4.product_desc1 {
	margin: 0 0 15px; padding: 3px 4px 4px; 
	line-height: 1.2;
	border-left: 3px solid #1B3C8A;
	border-bottom: 1px solid #333;
}

table.tb_product1 {
	margin: 0; padding: 0;
	border-collapse: collapse;
}

table.tb_product1 th { background: #FFE8F8; }

table.tb_product1 th,
table.tb_product1 td {
	padding: 3px;
	text-align: center;
	border: 1px solid #F9C;
}

/*---Shop List---*/
table.shoplist1 {
	width: 100%;
	margin: 0; padding: 0;
	font-size:86%;
	text-align: left;
}


table.shoplist1 th {
	margin: 0; padding: 0; font-size: 1px; line-height: 1.0;
}

table.shoplist1 td {
	margin: 0; padding: 3px;
	vertical-align: top;
	border-top: 1px dotted #666;
}

table.shoplist1 td.shopname {
	font-weight: bold;
	color: #1B3C8A;
}

.educated1 { padding: 0px 0 7px 20px; background: url(images/ico_educated01.gif) left 1px no-repeat; display:block; }

/*---table---*/
.simple_table1 {
	border-top: 1px solid #555; border-left: 1px solid #555;
}

.simple_table1 td {
	border-right: 1px solid #555; border-bottom: 1px solid #555;
}

/*---etc---*/
.frame_red1 {
	padding: 10px;
	border: 1px solid #F00;
}

.frame_red2 {
	padding: 5px;
	border: 1px solid #F00;
}

dl.qa1 { margin: 0 0 1em; padding: 0; border: 1px solid #CCC;  }
dl.qa1 dt {
	margin: 0 0 0.5em;
    padding: 5px 15px 5px 25px;
    text-align: justify;
	text-justify:inter-ideograph;
	font-weight:bold;
	color: #1B3C8A;
	border-bottom: 1px solid #CCC;
	background: #F3F3F3 url(images/ico_q.gif) 8px 8px no-repeat;
}
dl.qa1 dd {
	margin: 0 0 0.5em;
	padding: 5px 20px 5px 25px;
    text-align: justify;
	text-justify:inter-ideograph;
	background: url(images/ico_a.gif) 8px 8px no-repeat;
}


.redbox {margin: 0; padding: 10px; border: 1px solid #F00; }
.redbox h4 { margin-bottom:59px; }
.redbox p {margin-bottom:0; }

.c_index h2 {  font-size: 93%; margin-top:20px; }
.c_shoplist h2, .c_qa h2, .c_about h2, .c_benefit h2, .c_products h2, .c_product h2, .c_education h2{ margin-top:20px; font-size: 120%; }
#content-left1 h2.title2 { 
  background: url("images/bg_title1.png") repeat-x scroll 0 0 #0066FF;
  border-left: 4px solid #000000;
  border-right: 4px solid #000000;
  color: #FFFFFF;
  font-size: 100%;
  margin: 20px 0 0;
  padding: 3px 6px;
  }
  
.c_qa h3 { font-size: 93%; }
.c_shoplist h3 { font-size: 110%; margin-top:20px; }
.c_education h3 { font-size: 110%; }
h3.product_lineup {
    border-bottom: 1px solid #333333;
    border-left: 3px solid #1B3C8A;
    line-height: 1.2;
    margin: 0 0 5px;
    padding: 3px 4px;
    font-size: 110%;
}

h3.product_desc1 {
    border-bottom: 1px solid #333333;
    border-left: 3px solid #1B3C8A;
    line-height: 1.2;
    margin: 0 0 15px;
    padding: 3px 4px 4px;
    font-size: 110%; 
}
.c_product .product_left1 h3 { font-size: 93%; }


#content-left1 img { margin-top:10px; }
.c_index #content-left1 img { margin-top:20px; }
.c_index #content-right1 .leftbox { width:420px; float:left; }
.c_index #content-right1 .rightbox { width:250px; float:right; }

.c_index p, .c_about p, .c_benefit p, .c_product p, .c_education p { text-align: justify; text-justify:inter-ideograph; }
.c_products p { margin-bottom:4px; }
.c_benefit .frame_red1 p { margin-bottom:10px; }
.c_about .caption1 p { text-align: justify; text-justify:inter-ideograph; margin-bottom:5px; }
.whatsnew_tx1 { width:100%; }


.c_product h4 { font-size: 93%; }
.c_product .product_right1 h4 { font-size:85; margin-top:10px; margin-bottom:-5px;}

ul.product_lineup { margin-top:10px; }

.c_education table { width:100%; }
.c_education table th {
	vertical-align:top;
	width:150px;
	background:#cccccc;
	padding:10px 5px;
	text-align:center;
	}
	
.c_education table td {
	background:#EEEEEE;
	padding:10px 8px; 
	text-align: justify; text-justify:inter-ideograph;
}

.c_products img.p_new { border:none; margin:0; padding-left:15px;  vertical-align: middle; }
.c_index h2.title4 { margin: 10px 0 15px; padding: 4px 6px;
	border-left: 4px solid #000;
	border-right: 4px solid #000;
	color: #FFF;
	background: #0066FF url(images/bg_title1.png) repeat-x;
}