@charset "UTF-8";
/* ------------------------------
		RESET
------------------------------ */
*{
	margin:0;
	padding:0;
	line-height:1.5em;
	font-style:normal;
	font-weight:normal;
}
html, body {
	height: 100%;
}
.clear{
	clear:both;
}

h1,h2,h3,h4,h5,h6,p,ul,ol {
	margin: 0;
	padding: 0;
}

html {
	overflow-y:scroll;
}

img {
	border:0;
}

li{
	list-style-type:none;
}

a{
	outline-width:none;/*Firefox*/
}

a{
	color:#006699;
	text-decoration:underline;
}
a:visited{
	color:#006699;
}
a:hover{
	color:#999;
	text-decoration:none;
}
a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	}
.cl{
	clear:both;
	}
.bold{
	x font-weight:bold;
	color:#FF3300;
	display:block;
	margin-bottom:5px;
	letter-spacing:0.05em;
	line-height:1.7em;
	}
#position_l{
	float:left;
	}
#textbox{
	width:250px;
	}
#textbox2{
	width:400px;
	height:100px;
	font-size:12px;
	}
#attention{
	font-weight:bold;
	color:#FF3300;
	}
#attention_small{
	font-size:85%;
	color:#FF3300;
	}
.bold2{
	x font-weight:bold;
	color:#006699;
	font-size:110%;
	text-align:center;
	padding:10px 0;
	background:#F1F9FC;
	border:1px solid #7DC8E3;
	}
.bold3{
	font-weight:bold;
	color:#333;
	font-size:100%;
	letter-spacing:0.05em;
	}
/* ------------------------------
		body
------------------------------ */
body{
	background-color:#F4F4F6;
	font-size:75%;
	color:#666;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,Arial,Helvetica,sans-serif;
	background-image:url(../img/body_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	}

/* ------------------------------
		head
------------------------------ */
#wrap_header{
	width:850px;
	margin:0 auto;
	}
h1{
	font-size:85%;
	color:#FFF;
	}
h1 img{
	vertical-align:middle;
	}
#wrap_eccube{
	height:30px;
	}
#wrap_ec_orange{
	height:60px;
	}
#wrap_ec_orange h2{
	float:left;
	width:185px;
    overflow: hidden;
	}
#wrap_ec_orange #menu{
	float:right;
	width:625px;
	}
#wrap_ec_orange #menu li{
	float:left;
	}
#pan{
	background:#F4F4F6;
	padding:0 0 2px 0;
	font-size:85%;
	}

/* ------------------------------
		head_menu
------------------------------ */

#wrap_ec_orange #menu{
	float:right;
	width:660px;
	}
#wrap_ec_orange #menu li{
	float:left;
	}
#wrap_ec_orange #menu li{
	text-indent:-9999px;
	}	
#wrap_ec_orange #menu .btn_merit a{
	background:url(../img/btn_merit02.jpg) no-repeat left top;
	width:136px;
	height:60px;
	display:block;
	}
#wrap_ec_orange #menu .btn_merit a:hover{
	background:url(../img/btn_merit02.jpg) no-repeat left -60px;
	}
#wrap_ec_orange #menu .btn_lineup a{
	background:url(../img/btn_lineup02.jpg) no-repeat left top;
	width:104px;
	height:60px;
	display:block;
	}
#wrap_ec_orange #menu .btn_lineup a:hover{
	background:url(../img/btn_lineup02.jpg) no-repeat left -60px;
	}
#wrap_ec_orange #menu .btn_option a{
	background:url(../img/btn_option02.jpg) no-repeat left top;
	width:102px;
	height:60px;
	display:block;
	}
#wrap_ec_orange #menu .btn_option a:hover{
	background:url(../img/btn_option02.jpg) no-repeat left -60px;
	}
#wrap_ec_orange #menu .btn_charge a{
	background:url(../img/btn_charge02.jpg) no-repeat left top;
	width:100px;
	height:60px;
	display:block;
	}
#wrap_ec_orange #menu .btn_charge a:hover{
	background:url(../img/btn_charge02.jpg) no-repeat left -60px;
	}
	#wrap_ec_orange #menu .btn_seminar a{
	background:url(../img/btn_seminar02.jpg) no-repeat left top;
	width:103px;
	height:60px;
	display:block;
	}
#wrap_ec_orange #menu .btn_seminar a:hover{
	background:url(../img/btn_seminar02.jpg) no-repeat left -60px;
	}
#wrap_ec_orange #menu .btn_contact a{
	background:url(../img/btn_contact02.jpg) no-repeat left top;
	width:108px;
	height:60px;
	display:block;
	}
#wrap_ec_orange #menu .btn_contact a:hover{
	background:url(../img/btn_contact02.jpg) no-repeat left -60px;
	}

/* ------------------------------
		contents
------------------------------ */
#wrap_main_image{
	padding:9px 0 9px 0;
	}
#wrap_left_contents{
	float:left;
	}
#wrap_right_contents{
	float:right;
	}
/* ------------------------------
		contents_bg
------------------------------ */

#wrap_contents_ecorange{
	background:url(../img/body_bg_ecorange.gif);
	background-repeat:repeat-y;
	background-position:left;
	width: 850px;
	border-bottom:1px solid #CCC;
	}
#wrap_contents_wiki{
	background:url(../img/body_bg_wiki.gif);
	background-repeat:repeat-y;
	background-position:left;
	width: 850px;
	border-bottom:1px solid #CCC;
	}
/* ------------------------------
		contents_ecorange_menu
------------------------------ */
#wrap_side_menu_ecorange{
	background:#F9F9F9;
	border:1px solid #CCC;
	border-top:none;
	width:218px;
	margin: 0 0 10px 0;
	}
#wrap_side_menu_ecorange h2#nolink{
	background:url(../img/side_menu_h2_black2.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:25px;
	vertical-align:baseline;
	padding:5px 0 0 25px;
	color:#FFF;
	font-size:100%;
	font-weight:bold;
	}
#wrap_side_menu_ecorange h2{
	background:url(../img/side_menu_h2_black.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:25px;
	vertical-align:baseline;
	padding:5px 0 0 25px;
	color:#FFF;
	font-size:100%;
	font-weight:bold;
	}
#wrap_side_menu_ecorange h2 a{
	color:#FFF;
	font-weight:bold;
	display:block;
	width:183px;
	}
#wrap_side_menu_ecorange h2 a:visited{
	color:#FFF;
	}
#wrap_side_menu_ecorange h2 a:hover{
	color:#999;
	}
#wrap_side_menu_ecorange #wrap_side_menu_ecorange_bloc{
	margin-bottom:10px;
	padding:10px 0;
	}
#wrap_side_menu_wiki #wrap_side_menu_ecorange_bloc{
	margin-bottom:10px;
	padding:10px 0;
	}
#wrap_side_menu_ecorange ul{
	margin:0 0 0 10px;
	padding:0;
	}
#wrap_side_menu_ecorange ul li{
	margin:1px 0;
	padding:0;
	}

#wrap_side_menu_ecorange ul li a{
	background-image:url(../img/icon_side_darkgray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:1px 10px;
	display:block;
	height:16px;
	font-size:100%;
	text-decoration:underline;
	}
#wrap_side_menu_ecorange ul li a:hover{
	text-decoration:none;
}

#wrap_side_menu_wiki #wrap_side_menu_ecorange_bloc li a{
	background-image:url(../img/icon_side_darkgray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:3px 10px;
	display:block;
	height:16px;
	font-size:100%;
	}	
	
/* ------------------------------
		contents_wiki_menu
------------------------------ */
#wrap_side_menu_wiki{
	background:#F9F9F9;
	border:1px solid #CCC;
	border-top:none;
	width:218px;
	margin: 0 0 10px 0;
	}
#wrap_side_menu_wiki h2{
	background:url(../img/side_menu_h2_gray.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:25px;
	vertical-align:baseline;
	padding:5px 0 0 25px;
	color:#333;
	font-size:100%;
	font-weight:bold;
	}
#wrap_side_menu_wiki h2 a{
	color:#333;
	font-weight:bold;
	display:block;
	width:183px;
	}
#wrap_side_menu_wiki h2 a:visited{
	color:#333;
	}
#wrap_side_menu_wiki h2 a:hover{
	color:#999;
	}
#wrap_side_menu_wiki h3{
	padding:5px 10px;
	background:#FFF;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	font-weight:bold;
	font-size:100%;
	}
#wrap_side_menu_wiki #wrap_side_menu_wiki_bloc{
	margin-bottom:10px;
	padding:10px 0;
	}
#wrap_side_menu_wiki ul{
	margin:0 0 0 10px;
	padding:0;
	}
#wrap_side_menu_wiki ul li{
	margin:1px 0;
	padding:0;
	}
#wrap_side_menu_wiki ul li ul li{
	margin:1px 0;
	padding:0;
	}
#wrap_side_menu_wiki ul li a{
	background-image:url(../img/icon_side_darkgray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 10px;
	display:block;
	height:16px;
	font-size:85%;
	}
	
/* ------------------------------
		contents_banner
------------------------------ */
#wrap_banner{
	padding:5px 0;
	border-top:1px solid #CCC;
	x border-bottom:1px solid #CCC;
	}
#wrap_banner img{
	vertical-align:middle;
	}
#wrap_banner a{
	text-decoration:none;
	display:block;
	}
#wrap_top_banner{
	margin:0 0 0 0;
	border-top:1px solid #CCC;
	}	
#wrap_top_banner img{
	vertical-align:middle;
	}
#wrap_top_banner a{
	text-decoration:none;
	display:block;
	}
/* ------------------------------
		contents_main
------------------------------ */	
#wrap_contents{
	width:619px;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	background:#FFF;
	}	
#wrap_contents h2{
	background:url(../img/title_620_gray.jpg);
	background-repeat:no-repeat;
	background-position:left;
	font-size:120%;
	color:#FFF;
	font-weight:bold;
	padding:4px 0 0 30px;
	height:26px;
	_padding:3px 0 0 30px;
	_height:27px;
	}
#wrap_contents h3{
	background:url(../img/icon_subtitle.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:10px 0 10px 30px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	color:#FF3300;
	font-size:120%;
	letter-spacing:0.05em;
	font-weight:bold;
	border-bottom:1px dashed #CCC;
	margin:0 0 20px 0;
	}
#wrap_contents h4{
	background:url(../img/icon_sub_subtitle.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:7px 0 7px 30px;
	border-top:3px solid #CCC;
	border:3px solid #CCC;
	color:#333;
	font-size:120%;
	letter-spacing:0.05em;
	font-weight:bold;
	margin:0 0 20px 0;
	}
#wrap_contents  #wrap_menu_wiki_bloc{
	margin-bottom:10px;
	padding:10px 0;
	}
#wrap_contents ul{
	margin:0 0 0 10px;
	padding:0;
	}
#wrap_contents ul li{
	margin:5px 0;
	padding:0;
	}
#wrap_contents ul li ul li{
	margin:1px 0;
	padding:0;
	}
#wrap_contents ul li a{
	background-image:url(../img/icon_side_darkgray.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 10px;
	display:block;
	height:16px;
	font-size:100%;
	}
#wrap_contents_text{
	padding:0 10px;
	margin:0 0 10px 0;
	}
#wrap_contents_text p{
	margin:5px 0 20px 0;
	}
#wrap_sub_comment{
	background:#EFEFF1;
	padding:10px;
	}
#wrap_contents #wrap_comment{
	background:#F5FAFF;
	padding:10px;
	border:1px solid #CCC;
	margin:0 10px 20px 10px;
	font-size:100%;
	}
#wrap_contents_text #wrap_source{
	border:1px dashed #CCC;
	background:#FFFFCC;
	padding:10px;
	}
#wrap_image{
	margin:0 0 20px 0;
	border-bottom:1px solid #CCC;
	padding: 0 0 20px 0;
	}	
#wrap_contents_text #wrap_contents_list{
	background:#F8F8F8;
	border:1px dashed #CCC;
	padding:10px 20px;
	margin:0 0 20px 0;
	}
#wrap_contents_text #wrap_contents_list li{
	padding:0;
	color: #006699;
	background:url(../img/icon_list.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:0 0 0 20px;
	}
#wrap_contents_btn{
	width:598px;
	border:1px solid #CCC;
	margin:0 0 10px 0;
	border-bottom:none;
	}
#wrap_contents_btn{
	width:598px;
	x border:1px solid #CCC;
	margin:0 0 10px 0;
	border-bottom:none;
	}
#wrap_contents_btn th{
	text-align:left;
	width:400px;
	padding:5px 10px;
	border-bottom:1px solid #CCC;
	
	}
#wrap_contents_btn td{
	text-align:center;
	padding:5px 10px;
	background:#EFEFF1;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	}
	
#wrap_type{
	border:1px solid #CCC;
	margin:0 0 10px 0;
	border-bottom:none;
	border-left:none;
	width: 598px;
	}
#wrap_type th{
	padding:5px;
	border-bottom:1px solid #CCC;
	background:#EFEFF1;
	border-left:1px solid #CCC;
	text-align:left;
	width: 140px;
	}
#wrap_type td{
	border-bottom:1px solid #CCC;
	padding:5px;
	border-left:1px solid #CCC;
	background: #F9F9F9;
	}
#wrap_type #menu td{
	background:url(../img/bg_table_th.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-weight:bold;
	color:#FFF;
	}
#wrap_type td.mark_c{
	text-align:center;
	width:60px;
	}
#bg_orange, #wrap_type th#bg_orange, #wrap_type td#bg_orange{
	background:#FFF0E1;
	x background:#DAEEF8;
	color: #333333;
}
#news {
	width:578px;
	}
#news th{
	padding:10px 0;
	width:100px;
	text-align:left;
	}
#news td{
	padding:10px;
	}
#case_box table{
	background:#F1F4F5;
	width:618px;
	margin-bottom:10px;
	}
#case_box table td{
	padding:15px 5px 15px 5px;
	font-weight:bold;
	color:#3E7D88;
	width:180px;
	vertical-align:top;
	}
#case_box table td.ecshop{
	width:400px;
	}
#case_box table a{
	text-decoration:none;
	}
#case_box table a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	}
#case_box h3{
	font-size:100%;
	margin:0 0 5px 0;
	font-weight:bold;
	letter-spacing:0em;
	color:#FF3300;
	}
#case_box li{
	font-size:85%;
	font-weight:normal;
	letter-spacing:0.07em;
	color:#666;
	}
#case_box_img{
	text-align:center;
	width:200px;
	}
#case_box_img a{
	font-size:85%;
	}
#message_box a:hover img{
	opacity: 0.8;
	filter: alpha(opacity=80);
	}
#wrap_contents_text #box_function{
	width:598px;
	border:1px solid #CCC;
	margin-bottom:2px;
	}
#wrap_contents_text #subtitle td{
	background:#E2E2E7;
	padding:0 10px;
	}
#wrap_contents_text #title{
	background:#EFEFF1;
	width:80px;
	}
#wrap_contents_text #box_function td{
	padding:5px 10px;
	}
#gray_title{
	padding:5px 10px;
	background:#F8F8F8;
	width:150px;
	}
#gray{
	padding:5px 10px;
	background:#F8F8F8;
	}
#white_title{
	width:150px;
	}
#career{
	width:598px;
	}
#career th{
	background:#F8F8F8;
	width:80px;
	padding:5px 10px;
	border-bottom:3px solid #FFF;
	}
#career td{
	background:#FFF;
	padding:5px 10px;
	border-bottom:3px solid #FFF;
	}
#wrap_contents .ecshop ul, #wrap_contents #case_box ul{
	margin:0;
	}
#wrap_type td.mark_price{
	width:250px;
	}
#box_bpla{
	width:598px;
	margin:20px 0;
	}
#box_bpla th{
	width:140px;
	background:#E3F5FD;
	padding:10px;
	border:1px solid #E3F5FD;
	color:#006699;
	text-align:right;
	}
#box_bpla td{
	padding:10px;
	border:1px solid #E3F5FD;
	}

/* ------------------------------
		footer
------------------------------ */	
#wrap_footer{
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:10px;
	font-size:100%;
	}
#wrap_footer a{
	margin:0 30px 0 0;
	}
#copy{
	color:#FF3300;
	font-size:85%;
	padding:10px;
	}
#page_top{
	text-align:right;
	padding:5px 0;
	border-top:1px solid #CCC;
	}
#page_top a{
	display:block;
	width:608px;
	}
#page_top2{
	text-align:right;
	padding:5px;
	border:1px solid #CCC;
	margin:0 10px 10px 10px;
	}
#page_top2 a{
	display:block;
	width:588px;
	}
#wrap_side_menu_wiki .bold{
	color:#333;
	letter-spacing:0.08em;
	font-size:85%;
}


/* ------------------------------
		add_page_2010_03
------------------------------ */	
#wrap_contents_text #box_function td#title_addpage{
	background:#FFF;
	width:160px;
	padding:5px 10px;
	text-align:center;
	border-bottom:1px solid #CCC;
	}
#wrap_contents_text #box_function td#title_addpage img{
	margin:0 auto;
	}
#white_title_addpage{
	padding:5px 10px;
	background:#F9F9F9;
	font-size:11px;
	}
#name_addpage{
	background:#FFF;
	width:400px;
	padding:5px 10px;
	border-bottom:1px solid #CCC;
	}
	
/* ------------------------------
		seminar
------------------------------ */

.semi_data{
	font-weight:bold;
	font-size:90%;
	letter-spacing:0.05em;
	margin:5px 0 5ox 0;
	color:#f30;
	}

h4 seminar{
	font-weight:bold;
	font-size:100%;
	}
	
.seminar_til{
	font-weight:bold;
	font-size:100%;
	letter-spacing:0.05em;
	margin:5px 0 5ox 0;
	}
	
	.underbar{
	border-bottom:1px solid #ccc;
	}