@charset "utf-8";
/* CSS Document */
/*- 基本設定 -*/

h1,h2,h3,h4,h5,h6,pre,form,p,fieldset,input,object, embed {margin: 0;padding: 0;}

body{
	background-image: url(../common_img/bg_bw.jpg);
	margin:0;
	font-family:"Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	color:#333333;
	font-size:small;
	line-height: 140%;
}

#wrapper{
	margin: 0px auto 0px auto;
	background-repeat: repeat-y;
	background-position: center;
	position: relative;
	background-image: url(../common_img/wrapper_bw.jpg);
	width: 900px;
}

#sub_wrapper{
	width: 834px;
	margin: 0px auto;
}
.sub_wrapper_bg{
	background-image: url(../common_img/mini_logo.jpg);
	background-repeat: no-repeat;
	background-position: 600px 55px;
}
.sub_wrapper_bg-e{
	background-image: url(../common_img/mini_logo-e.jpg);
	background-repeat: no-repeat;
	background-position: 600px 55px;
}
strong{
	color: #D62925;
}

/*-リンク-*/
a:link {
	color: #D62925;
}
a:visited {
	color: #D62925;
}
a:hover {
  color: #ff6600;
}
a:active {
  color: #ff6600;
}


/*- ヘッダとヘッダ内コンテンツ -*/
#mainheader{
	height:130px;
	margin: 0;
	background-image: url(../common_img/header.jpg);
}

#mainheader h1 span {
position:absolute;
text-indent:-9999px;}
.inq{
	width: 376px;
	height: 39px;
	background-image: url(../common_img/tel_no.jpg);
	position: absolute;
	right: 60px;
	top: 55px;
}
.inq h3 span{
position:absolute;
text-indent:-9999px;}
.inq-e{
	width: 376px;
	height: 39px;
	background-image: url(../common_img/tel_no-e.jpg);
	position: absolute;
	right: 60px;
	top: 55px;
}
.inq-e h3 span{
position:absolute;
text-indent:-9999px;}
#footer{
	height: 110px;
	width: 900px;
	background-image: url(../common_img/foot_bw.jpg);
}

.copyright{
	bottom:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 730px;
	float: left;
	margin-top: 35px;
	color: #FFFFFF;
}


/*- メイングラフィック -*/
#graphic{
	width:834px;
	margin: 15px auto 0px auto;
	clear: both;
	height: 310px;
}
.main_j{background-image: url(../img/main_graphic.jpg);}
.main_e{
	background-image: url(../img/main_graphic-e.jpg);
}
#graphic h2 span{
	position: absolute;
	text-indent:-9999px;
}

/*-バナー-*/
.banner{
	border: #e9e9e9 1px solid;
	background-color: #FDFDFD;
}
.banner img{
padding:5px;
}
/*-このページのトップへ-*/
.pagetop{
	text-align: right;
	padding: 8px 22px 0px;
	font-size: 90%;
	display:block;
	height: 28px;
}
.pagetop a{
	background:url(../img/2top.gif) no-repeat right;
	display:block;
	padding:3px 0;
	border:1px solid #e2e2e2;
	text-decoration:none;
	height: 20px;
}
.pagetop a:hover{
	background:url(../img/2top_on.gif) no-repeat right #db2727;
	display:block;
	padding:3px 0
}

.pagetop a span{
	display:none;
}

.minimuture{
	border-bottom: #e9e9e9 1px solid;
	border-top: #e9e9e9 1px solid;
	margin-top: 25px;
}
/*-ボタン*/
.but{
	height: 38px;
	clear: none;
	width: 106px;
}
.but a {background: url(../img/bot_formap.jpg) no-repeat; height: 38px; display:block;}
.but a:hover {background: url(../img/bot_formap.jpg) no-repeat left bottom;}
.but a span{display:none;}
/*.but_e{
	height: 38px;
	clear: none;
	width: 106px;
	padding: 5px 0px;
}*/
.but-e{
	height: 38px;
	clear: none;
	width: 106px;
}
.but-e a {background: url(../img/bot_formap-e.jpg) no-repeat; height: 38px; display:block;}
.but-e a:hover {background: url(../img/bot_formap-e.jpg) no-repeat left bottom;}
.but-e a span{display:none;}


/*-見出しのケース【h2が入ります】-*/
.bodyh2{
	width:790px;
	height:95px;
	margin-bottom: 15px;
	padding-bottom: 2px;
	margin-top: 30px;
}
.bodyh2 h2{margin:0px;}
.bodyh2 h2 span{display:none;}
.h2_workshop{background: url(../img/workshop_h2.gif) no-repeat;}
.h2_workshop-e{background: url(../img/workshop_h2e.gif) no-repeat;}

/*-ボディ見出しのケース【h3が入ります】-*/
.bodyh3{
	width:500px;
	height:36px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	margin-top: 10px;
}
.bodyh3_ws{
	width:335px;
	height:36px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	margin-top: 15px;
}
.bodyh3_ws h3 span{display:none;}
.bodyh3 h3 span{display:none;}
.h3_top1{background: url(../img/h3_top1.jpg) no-repeat;}
.h3_top2{background: url(../img/h3_top2.jpg) no-repeat;}
.h3_pga{background: url(../img/h3_pga.jpg) no-repeat;}
.h3_pgb{background: url(../img/h3_pgb.jpg) no-repeat;}
.h3_ws1{background: url(../img/h3_ws_zizen.jpg) no-repeat;}
.h3_sche{background: url(../img/h3_sche.jpg) no-repeat;}
.h3_site{background: url(../img/h3_site.jpg) no-repeat;}
.h3_site1{background: url(../img/site_copy1.jpg) no-repeat;}
.h3_site2{background: url(../img/site_copy2.jpg) no-repeat;}
/*-english ver.-*/
.h3_top1e{background: url(../img/h3_top1e.jpg) no-repeat;}
.h3_top2e{background: url(../img/h3_top2e.jpg) no-repeat;}
.h3_pga-e{background: url(../img/h3_pga-e.jpg) no-repeat;}
.h3_pgb-e{background: url(../img/h3_pgb-e.jpg) no-repeat;}
.h3_ws1e{background: url(../img/h3_ws_zizen-e.jpg) no-repeat;}
.h3_sche-e{background: url(../img/h3_sche-e.jpg) no-repeat;}
.h3_site-e{background: url(../img/h3_site-e.jpg) no-repeat;}
.h3_site1e{background: url(../img/site_copy1e.jpg) no-repeat;}
.h3_site2e{background: url(../img/site_copy2e.jpg) no-repeat;}

/*-utility-*/
.clear{
clear:both;}
.h30{height:30px;}
.h20{height:20px;}
.h100{height:100px;}
.h150{height:150px;}
.h200{height:200px;}
.short_indent{padding-left: 8px;}
.right_float{float:right;}
.left_float{float:left;}
.left_float_pad_l{
	float:left;
	padding-top: 7px;
	padding-left: 5px;
}
.bdr_top{border-top:1px solid #e9e9e9;}
.mgn_right{ margin:8px 15px 15px 0px;}
.mgn_top10{margin-top:10px;}
.mgn_top35{margin-top:35px;}
.mgn_left15{margin-left:15px;}
.pdg_15{padding:0px 15px;}
.right_float_pad{ float:right; padding:5px 0px 10px 10px;}
.left_float_pad{ float:left; padding:5px 10px 10px 0px;}
.txt_center{text-align:center;}
.bdr_bot{
	border-bottom:1px dotted #cccccc;
}
.bdr_right{border-right:1px solid #333333;}
.color_form{
	background-color: #FAF1F4;
}
.notice{color:#FF6633;}
.mgn_left{margin-left:-5px;}
/*.w200{width:200px;}
.w230{width:230px;}
.w250{width:250px;}
.w300{width:300px;}
.w380{width:380px;}
.w400{width:400px;}
.w450{width:450px;}
.w320{width:320px;}
.w350{width:350px;}
.w492{width:492px;}*/
.caption{font-size: x-small;color: #666666;}
.guide_copy{margin-top: 15px;}

/*---シンプルに----*/
.case{
	margin:10px 20px;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic";
	color:#414141;
}

.case-e{
	margin:10px 20px;
	font-family: Arial, Helvetica, sans-serif;
	color:#414141;
}
.case p, .case-e p{
	margin:1em 0px;
}
.left_case{
	width: 442px;
	float: left;
}
.right_case{
	float: left;
	width: 335px;
	padding-left: 17px;
}

/*-TABLE-*/
.sche_table{
	border-collapse:collapse;
	margin: 15px 0;
	border-bottom: #CCCCCC 1px solid;
	border-right: #faf8f8 2px solid;
	_border-right: #faf8f8 1px solid;
}
.sche_table td{
	padding: 5px 3px;
	border-right: #CCCCCC 1px solid;
	border-top: #CCCCCC 1px solid;	
}

/*.caseb{
	margin:10px 35px;
	font-family: "ＭＳ Ｐゴシック", "MS UI Gothic";
	color:#414141;
}

.caseb-e{
	margin:10px 54px;
	font-family: Arial, Helvetica, sans-serif;
}
.caseb p, .caseb-e p{
margin:1em 0px;
}

.no{
background-image:url(../common_img/no.jpg)}

.comingsoon{
	width: 605px;
	height: 480px;
	background-image: url(../common_img/coming_soon.jpg);
	background-repeat: no-repeat;
}*/

.note{
	margin: 5px 15px 0px;
	padding: 8px 10px 5px;
}
.bgc_bw{
	background-color: #F3EEE9;
}
.coution_a{
	padding: 5px;
	background-color: #FBE5E7;
}
.coution_b{
	padding: 5px;
	background-color: #f1fbdb;
}

/*-フォーム用テーブル-*/
#form_table{
border-collapse:collapse;}
#form_table td{
	padding:10px 3px;
	border-bottom:#e9e9e9 1px solid;
}
.form_error{
	color: #CC3300;
	list-style-type: square;
	padding-top: 10px;
}
.form_error li{
	margin-bottom: 0.3em;
}



/*- タブという名のリンク。そういうものもあるのです。 -*/
#tabs{
	height: 47px;
	background-image: url(../common_img/menu.jpg);
	margin: 10px auto;
}
#tabs ul{list-style-type:none;display:inline;}
#tabs li{display:inline;width:635px;}
#tabs li span{position:absolute; left:-9999px;}
li.tablink1 a{
clear:none;
display:block;
float:left;
width:163px;
height:47px;
}
li.tablink1av a{
clear:none;
display:block;
float:left;
width:163px;
height:47px;
background:url(../common_img/menu.jpg) no-repeat 0px -47px;
}
li.tablink1 a:hover {
	background:url(../common_img/menu.jpg) no-repeat 0px -47px;
}
li.tablink2 a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
}
li.tablink2av a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
background:url(../common_img/menu.jpg) no-repeat -163px -47px;
}
li.tablink2 a:hover {
	background:url(../common_img/menu.jpg) no-repeat -163px -47px;
}
li.tablink3 a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
}
li.tablink3av a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
background:url(../common_img/menu.jpg) no-repeat -333px -47px;
}
li.tablink3 a:hover {
background:url(../common_img/menu.jpg) no-repeat -333px -47px;
}
li.tablink4 a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
}
li.tablink4av a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
background:url(../common_img/menu.jpg) no-repeat -503px -47px;
}
li.tablink4 a:hover {
	background:url(../common_img/menu.jpg) no-repeat -503px -47px;
}
li.tablink5 a{
clear:none;
display:block;
float:left;
width:161px;
height:47px;
}
li.tablink5av a{
clear:none;
display:block;
float:left;
width:161px;
height:47px;
background:url(../common_img/menu.jpg) no-repeat -673px -47px;
}
li.tablink5 a:hover {
background:url(../common_img/menu.jpg) no-repeat -673px -47px;
}
li.tablink4e a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
background:url(../common_img/menu-e.jpg) no-repeat -503px 0px;
}
li.tablink4eav a{
clear:none;
display:block;
float:left;
width:170px;
height:47px;
background:url(../common_img/menu-e.jpg) no-repeat -503px -47px;
}
li.tablink4e a:hover {
	background:url(../common_img/menu-e.jpg) no-repeat -503px -47px;
}
li.tablink5e a{
clear:none;
display:block;
float:left;
width:161px;
height:47px;
background:url(../common_img/menu-e.jpg) no-repeat -673px 0px;
}
li.tablink5eav a{
clear:none;
display:block;
float:left;
width:161px;
height:47px;
background:url(../common_img/menu-e.jpg) no-repeat -673px -47px;
}
li.tablink5e a:hover {
background:url(../common_img/menu-e.jpg) no-repeat -673px -47px;
}

/*- 日英切り替え -*/
.toptabs{
	width: 58px;
	height: 40px;
	position: absolute;
	background-image: url(../common_img/menu_je.jpg);
	top: 55px;
	right: 3px;
}
.toptabs ul{list-style-type:none;display:inline;}
.toptabs li{display:inline;width:58px;}
.toptabs li span{position:absolute; left:-9999px;}
li.toptablink a{
clear:none;
display:block;
float:left;
width:58px;
height:40px;
}
li.toptablink a:hover {
	background:url(../common_img/menu_je.jpg) no-repeat 0px -40px;
}
/*- 英日切り替え -*/
.toptabs-e{
	width: 58px;
	height: 40px;
	position: absolute;
	background-image: url(../common_img/menu_ej.jpg);
	top: 55px;
	right: 3px;
}
.toptabs-e ul{list-style-type:none;display:inline;}
.toptabs-e li{display:inline;width:58px;}
.toptabs-e li span{position:absolute; left:-9999px;}
li.toptablink-e a{
clear:none;
display:block;
float:left;
width:58px;
height:40px;
}
li.toptablink-e a:hover {
	background:url(../common_img/menu_ej.jpg) no-repeat 0px -40px;
}


/*------MOV UNIT-------------------*/

.mov_unit{
	padding-bottom: 10px;
	border-bottom: #cccccc 1px dotted;
	margin-top: 20px;
}
.mov_left{
	float: left;
	width: 270px;
}
.mov_right{
	width: 524px;
	float: left;
}
.mov_photo{
	padding: 0px 15px 10px 0px;
}
/*.mov_title{
	font-size: 140%;
	color: #CC3300;
	padding-bottom: 8px;
	float: left;
	width: 355px;
	padding-top: 1px;
	text-indent: -1px;
}*/
.mov_title{
	font-size: 140%;
	color: #CC3300;
	padding-bottom: 8px;
	float: left;
	width: 355px;
	padding-top: 1px;
	text-indent: -1px;
}
.mov_title_caption{
	font-size: 80%;
}
.mov_data{
	color: #666666;
	margin-bottom: 10px;
	border-bottom: #e9e9e9 1px solid;
	background-color: #FFFFFF;
	text-indent: 5px;
	border-top: #e9e9e9 1px solid;
}
/*.mov_direct{
	color: #CC3300;
	line-height: 150%;
}
.mov_direct_name{
	margin-left: -8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-style: italic;
	color: #FFFFFF;
	padding-bottom: 5px;
}
.mov_direct_photo{
	width: 430px;
	background-color: #000000;
	padding: 7px;
	margin-bottom: 5px;
	font-size: 90%;
	line-height: 130%;
	color: #BBBBBB;
}

.mov_direct_photo2{
	width: 422px;
	background-color: #333333;
	padding: 7px 7px 7px 15px;
	margin-bottom: 5px;
	font-size: 95%;
	line-height: 140%;
	color: #CCCCCC;
}
.mov_direct_photo img{
	float: left;
	padding:0px 10px 0px 0px;
}
.mov_direct_photo_data{
	float: left;
	color: #B7B7B7;
	width: 275px;
}*/
.mov_subtitle{
	font-size: 110%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FDF7F7;
	padding: 3px 0;
	margin-bottom: 10px;
	clear: both;
	text-indent: 3px;
	background-color: #8CB95B;
}
/*.mov_subtitle{
	padding-bottom: 5px;
	font-size: 130%;
	font-family: Arial, Helvetica, sans-serif;
	clear: both;
	border-bottom: #e9e9e9 1px solid;
}*/
.mov_subcopy{
	float: left;
}
.jtitle{
font-size:}
.mov_txt{
	line-height: 130%;
	font-size: 95%;
	color: #666666;
	background-color: #ECE7E1;
	padding: 5px;
	padding-top: 22px;
	background-image: url(../img/mov_story.jpg);
	background-repeat: no-repeat;
}
.mov_direct_txt{
	line-height: 130%;
	font-size: 80%;
	color: #555555;
	padding: 7px;
	padding-top: 15px;
	border-bottom: #faf8f8 2px solid;
}
.mov_direct_txt b{
	font-family:Arial, Helvetica, sans-serif;
	color: #4D7821;
	display: block;
	background-image: url(../img/mov_direct.jpg);
	background-repeat: no-repeat;
	text-indent: 60px;
	height: 20px;
}


.mov_award_txt{
	line-height: 130%;
	font-size: 80%;
	color: #555555;
	padding: 10px;
	padding-top: 22px;
	background-image: url(../img/mov_award.jpg);
	background-repeat: no-repeat;
	background-color: #F3F0E9;
	margin-top: 10px;
}
.mov_muture{
	background-image: url(../img/mature.gif);
	background-repeat: no-repeat;
	width: 86px;
	height: 20px;
}
.mov_muture span{display:none;}
.mov_tab{
	width: 444px;
	margin: 5px 0;
	border-top: 1px solid #333333;
	padding-top: 10px;

}
.mov_table{
	margin: 0;
	border-collapse:separate;
	font-size: 80%;
}
.mov_table td{
	border-spacing: 0px;
}

.mov_navi{
	text-align: right;
	font-size:10px;
	height:27px;
	margin: 0px;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 7px;
	border-bottom: 1px solid #333333;
}
.mov_navi a{
	padding:2px 6px;
	margin: 3px 2px;
	border: 1px solid;
	text-decoration:none;
	background-color: #484848;
}
.mov_navi a:hover {color:#CC3333;}
a.mov_naviav {
	color:#FFFFFF;
	background-color:#9D282C;
}