@charset "utf-8";

/* --------------------------------

	*INDEX - base.css

	1. サイト設定
	2. 共通パーツ
	

--------------------------------- */



/* ========================================================================

	1. 基本設定
 
======================================================================== */


/* body
---------------------------------------------------- */
body {
	color: #333;
	background: url(../img2/wrapperBbak.gif) repeat-x;
}

a {
	color: #0066CC;
	text-decoration: underline;	
}
a:hover {
	color: #0099FF;
	text-decoration: none;
	text-decoration:underline;
}

a img{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	}
	
a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.4;
	opacity: 0.4;
	}





/* ========================================================================

	2. 共通パーツ
 
======================================================================== */


/* 汎用
============================================================== */
.FLeftM,
.FLeft{float:left;}
.FLeft_pright{float:left; padding:0 10px 10px 0;}
.FLeft_pright10{float:left; padding:10px;}
.FRightM,
.FRight{float:right;}
.FLeftM{margin:0 15px 5px 0;}
.FrightM{margin:0 10px 0 0;}
.FrightM20{margin:0 20px 0 0;}
.FtoprightM{margin:10px 10px 0 0;}
.FtoprightM20{margin:10px 20px 0 0;}
.FRightM{margin:0 0 5px 15px;}
.FRightMTL{margin:15px 0 5px 20px;}
.topM10{margin:20px 0 0 0;}
.Mtop10{margin:10px 0 0 0;}
.bottomM10{margin:0 0 10px 0;}
.FtopM{margin:30px 0 0 0;}
.FbottomM{margin:0 0 20px 0;}
.FleftM{margin:0 0 0 30px;}
.tenleftM{margin:0 0 0 10px;}
.marright10{margin:0 10px 0 0;}


.FRight_botop{float:right; padding-bottom:10px;}
.FRight_leftp{float:right; padding:0 0 30px 15px;}
.FRight_leftp20{float:right; padding:0 0 30px 30px;}
.FRight_leftp15{float:right; padding:0 0 15px 20px;}

.fSize10{font-size:77%}
.fSize11{font-size:85%}
.fSize12{font-size:93%}
.fSize14{font-size:108%}
.fSize15{font-size:116%}
.fSize16{font-size:123.1%}
.fSize17{font-size:131%}
.fSize18{font-size:138.5%}
.fSize19{font-size:146.5%}
.fSize20{font-size:153.9%}
.fSize21{font-size:161.6%}

.fStrong{font-weight:bold}
.fStrongMpTop{font-weight:bold;
margin:20px 0 0 10px;}


.aLRight{text-align:right}
.aLLeft{text-align:left;}
.aLCenter{text-align: center;}

.Stron {
	font-weight:bold;
}

.SOrange{
	font-size:108%;
	color:#f60;
	font-weight:bold;
	}
.SBlack{
	font-size:108%;
	font-weight:bold;
	}

.SRed{
	font-size:108%;
	font-weight:bold;
	color:#CC0000;
	text-decoration:underline;
	}
.SRed02{
	font-weight:bold;
	color:#CC0000;
	}	
	
.SWhi02{
	font-weight:bold;
	color:#FFFFFF;
	}			
		

.FBlue{
	color:#000066;
}

.FRed{
	color:#CC0000;
}

.centerP{
	padding:20px 0;
	text-align:center;
}

.pad2{
	padding:5px 3em 5px 2em;

}

.pa_t5{
	padding:5px 0 0 0;
}

.pa_t10{
	padding:10px 0 0 0;
}

.pa_t15{
	padding:15px 0 0 0;
}

.pa_tb{
	padding:10px 0 30px 0;
}

.pab30{
	padding:0 0 50px 0;
}



.Leftp{
	padding:0 20px 0 0;
	float:left;

}

.Leftpimg {
padding:0 0 0 5px;
}

.Leftm{
	margin:0 20px 0 0;
	float:left;

}

.Rightp{
	padding:0 10px 0 20px;
	float:right;

}

.Rightpl{
	padding:0 0 0 20px;
	float:right;

}

.bottomp{
	padding:0 0 10px 0;
	float:left;
}

.bold{
	font-weight:bold;
	}			





/*　リスト　*/

.ol li{
	display:list-item;
	margin:0 0 0 30px;
	list-style:decimal;
}


.info_list {
	/*margin:10px*/
	margin-top:10px;
}

.info_list ul {

}

.info_list li {
background:url(../img2/icon/icon_list.gif) no-repeat left top;
padding:0 0 20px 15px;
line-height:100%;
}



/*画像----------*/

.img_border {
	border:#CCCCCC 1px solid; padding:5px;
}



/* ブロック
============================================================== */
div#wrapA {
	margin:0 auto;
	/*width:980px;*/
	width:1028px;
	background:url(../img2/wrapperAbak.gif) repeat-y scroll 0 0;
}


div#wrapB {
	margin:0 auto;
	padding:0 0 0 20px;
	/*width:980px;*/
	width:1000px;
	background-color: #FFFFFF;
}



/* header
============================================================== */

#header {
	height:115px;
	position:relative;
	width:980px;
	margin:auto;
}

#head_navi_box {
	height:26px;
	margin:0 auto;
	padding:3px 0 0 0;
	width:970px;
}



/* ヘッダーロゴ 
---------------------------------------------------- */

#header h2#logo {
	padding:10px 0 0 0;
}


/* ヘッダーインフォ
---------------------------------------------------- */

#header_info {
	height:70px;
	position:absolute;
	right:5px;
	top:40px;
	width:700px;
	padding-bottom:10px;
	padding-right:10px;
}

#header_info div.tel {
	float:right; margin:0; padding:10px 0 0 0;
}

#header_info ul {
	height:25px;
	padding:5px 0 0 10px;
	width:620px;
	float:right;
}

#header_info ul li {
	list-style-type:none;
	float:left;
}

.pa {
	padding:0 10px 0 0;
}


#header_info p {
	padding:10px;
}




/* グローバルナビ
============================================================== */

ul#GlobalNavi {
	/*margin:0 auto;*/
	/*width:880px;*/
	width:920px;
	padding-top:20px;
	margin-top:10px;
}

li.home, li.history, li.opening, li.ending, li.dorama, li.voice, li.company, li.wedding {
float:left;
}

li.home a, li.history a, li.opening a, li.ending a, li.dorama a, li.voice a, li.company a, li.wedding a {
	background-repeat:no-repeat;
	display:block;
	height:60px;
	text-indent:-9999px;
}


ul#GlobalNavi li.home { width:75px; background: url(../img2/navi_top.gif) left top no-repeat; }
ul#GlobalNavi li.history { width:127px; background: url(../img2/navi_history.gif) left top no-repeat; }
ul#GlobalNavi li.opening { width:133px; background: url(../img2/navi_opening.gif) left top no-repeat; }
ul#GlobalNavi li.ending { width:141px; background: url(../img2/navi_ending.gif) left top no-repeat; }
ul#GlobalNavi li.dorama { width:113px; background: url(../img2/navi_dorama.gif) left top no-repeat; }
ul#GlobalNavi li.wedding { width:168px; background: url(../img2/navi_wedding.gif) left top no-repeat; }
ul#GlobalNavi li.voice { width:106px; background: url(../img2/navi_voice.gif) left top no-repeat; }
ul#GlobalNavi li.company { width:101px; background: url(../img2/navi_company.gif) left top no-repeat; }
ul#GlobalNavi li.manual { width:101px; background: url(../img2/navi_manual.gif) left top no-repeat; }

ul#GlobalNavi li a:hover {
	background-position:0 -65px;
}

/* メイン画像
============================================================== */
div#main {
	margin:auto;
	width:980px;
}



/* コンテンツ
============================================================== */
div#contents {
	padding:9px 0 30px 0px;
	width:980px;
	margin:auto;
}


/* 左カラム　div#LeftArea  657px
---------------------------------------------------- */

div#LeftArea {
	float:left;
	width:200px;
	/*margin-left:13px;*/
	margin-top:20px;
}

div#leftmenu {
	width:200px;
	

}

div#leftmenu div.category {
	width:200px;
	margin-top:10px;
	margin-bottom:5px;
}


div#leftmenu dl {
	margin-bottom:0px;
}

div#leftmenu dt {
	background:url(../img2/top/menu/menu_dt.gif) no-repeat;
	padding:5px 0 0 25px;
	height:35px;
	color:#962C2C;
	font-weight:bold;
	}
	
div#leftmenu dt a {
	color:#962C2C;

}

div#leftmenu dt a:hover {
	color:#0066CC;
	text-decoration:underline;
}


div#leftmenu dd {
	padding:5px 0 5px 15px;
	margin:0 5px 0 5px ;
	width:175px;
	background:url(../img2/top/menu/menu_icon.gif) no-repeat left;
	border-bottom: #CC0000 dotted 1px;
	color:#999999;
	font-size:116%;
}

div#leftmenu dd a {
	color:#666666;0066CC

}

div#leftmenu dd a:hover {
	color:#0066CC;
	text-decoration:underline;
}


.ddlast {
	padding-bottom:10px;
}




div#leftmenu dd img {
	padding:0 0 0 10px;
	margin:0;
}

div#leftmenu dt a {
	text-decoration:none;
}

div#leftmenu dd a {
	text-decoration:none;
}

div#leftmenu div.submenu {
margin-top:20px;
border:#CCCCCC solid 3px;
}


div#leftmenu div.submenu ul {
}


div#leftmenu div.submenu li {
	height:20px;
	margin:0 5px 0 5px;
	padding:10px;
	background:url(../img2/top/menu/submenu_icon.gif) no-repeat right;
}


.bor_line {
	border-bottom:#999999 solid 1px;
}


div#leftmenu div.bannerAria {
	margin-top:20px;
}

div#leftmenu div.bannerAria img {
	padding-bottom:10px;
}




/*top------*/

div#topLeftArea {
	float:left;
	width:320px;
	/*margin-left:10px;*/
	margin:10px 0 0 0;
}

div#topRightArea {
	float:left;
	width:570px;
	/*margin-right:13px;*/
	margin-top:5px;
	margin-left:30px;
}

div#topLeftArea div.news {
	width:570px;
	margin-top:20px;
}




/*トップページ修正*/


div#topLeft {
	float:left;
	width:420px;
	/*margin-left:10px;*/
	margin:10px 30px 0 0;
}


div#topRight {
	float:left;
	width:445px;
	margin-top:5px;
	margin-left:30px;
}

.news {
	width:445px;
	margin-top:20px;
}



/*--------------------------*/



div#topLeftArea div.news p {
	/*border-bottom:#CCCCCC 1px dotted;
	padding:10px 10px 10px 50px 10px;
	margin:10px 5px 5px 5px;*/
}



div#topLeftArea2 {
	float:left;
	width:420px;
	/*margin-left:10px;*/
	margin:10px 0 0 0;
}

div#topRightArea2 {
	float:left;
	width:470px;
	/*margin-right:13px;*/
	margin-top:5px;
	margin-left:30px;
}









.pbt {
	padding-bottom:20px;
	border-bottom:#CCCCCC 1px dotted;
	/*margin:10px 50px 0 10px;*/
	margin:10px 10px 0 10px;
}


div#topcate {
	width:960px;
	margin:20px 0 0 20px;
	left: 123px;
	top: 953px;
}

div#topcate ul {
	width:960px;
}

div#topcate li {
	float:left;
	padding-right:20px;
}

div#concate {
	width:650px;
	margin:20px 0 0 20px;;
	left: 123px;
	top: 953px;
}

div#concate ul {
	width:960px;
}

div#concate li {
	float:left;
	padding-right:10px;
}


/* 右カラム　div#RightArea 230px
---------------------------------------------------- */	
div#RightArea {
	float:right;
	width:750px;
	margin:20px 0 10px 25px;
}

p#path {
	padding:5px 5px 5px 10px;
	margin-bottom:10px;
	height:25px;
	background-color: #F5F5F5;
	border-bottom:#CCCCCC solid 3px;
}
p#path a:hover {
	text-decoration:underline;
}

div#RightArea div.contAria {
margin:0 5px 20px 5px;
}

div#RightArea div.contAria p {
	padding:10px;
	font-size:116%;
	
}

div#RightArea div.contAria_banner {
margin:auto;
}



.pborder {
	border: #999999 solid 1px;
	margin:20px;
}

div#RightArea div.contAria table {
	width:95%;
	margin:auto;
}

div#RightArea div.contAria table {
	padding-right:5px;
	border-bottom:#666666 1px solid;
}


div#RightArea div.contAria table th {
	background-color:#E3E3E3;
	width:30%;
	padding:10px;
	border-top: #666666 1px solid;
	font-weight:bold;
	border-left:#666666 1px solid;
}

div#RightArea div.contAria table td {
	border-top:#666666 1px solid;
	padding:10px;
	border-right:#666666 1px solid;
}


div.price {
	margin:20px 0 30px 0;
}


div.price table {
	width:90%;
	border:#006699;
	margin:auto;
}

div.price table th {
	border:#CCCCCC 1px solid;
	padding:10px;
	background-color: #E6CCCC;
	width:45%;
}


div.price table td {
	border:#CCCCCC 1px solid;
	padding:10px;
	}

div#centerinfo {
	width:600px;
	margin:auto;
	padding-bottom:10px;
	padding-top:10px;

}

div.centerinfole {
	float:left;
	width:290px;
	padding-right:20px;
}

div.centerinfori {
	float:left;
	width:290px;
}




h4 {
	background: url(../img2/h4/h4_01.gif) no-repeat left;
	width:720px;
	height:31px;
	margin:5px;
	padding-left:15px;
	padding-top:7px;
	font-weight:bold;
	color:#FFFFFF;
}




/* お申込
------------------------------------------- */	


/* 制作の流れ
------------------------------------------- */	
.borbotom {
	border-bottom:#CCCCCC dotted 1px;
	padding-bottom:50px;
	margin-bottom:20px;
}

div#flow {
width:730px;
margin-bottom:20px;
}

.flow_waku {
	border:#D7B460 2px solid; margin:10px; float:left; width:440px;
}

.flow_img {
	float:left;
	padding:10px 0 0 10px;
}

.flow_waku2 {
	border:#D7B460 2px solid; margin:10px; float:right; width:440px;
}

.flow_img2 {
	float:left;
	padding:10px 0 0 0;
}

.clear {
clear:both;
}



/* サイトマップ　マップエリア
------------------------------------------- */


#sitemap_mapAria {
	padding:10px;
	width:960px;
	margin:auto;
	/*margin:50px 0 20px 0;*/
	border-top:#CCCCCC 1px solid;

}

#mapAria {
	margin-top:10px;
	padding:10px;
	width:445x;
}


#mapAria p {
	padding-top:10px;
}


#mapAria_temp {
	margin-top:10px;
	padding:10px;
	/*width:445x;*/
	float:left;
	width:555px;
}


.access {
	/*border:#CCFFFF 5px solid;*/
	width:180px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 230px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.access_temp {
	border:#CCFFFF 5px solid;
	width:280px;
	margin:10px 0 0 240px;
	padding:0 10px 10px 10px;
}



#sitemapAria {
	float:right;
	width:435px;
	padding: 10;
	margin: 10px;
}


#sitemapAria div.left {
	float:left;
	width:175px;
	padding-right:15px;
}

#sitemapAria div.right {
	float:right;
	width:175px;
}

#sitemapAria li {
	background-image:url(../img2/icon/icon_yaji.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px 5px 0 15px;
	}


#sitemapAria_temp {
	float:right;
	width:360px;
	padding: 10;
	margin: 10px;
}


#sitemapAria_temp div.left {
	float:left;
	width:170px;
	padding-right:15px;
}

#sitemapAria_temp div.right {
	float:right;
	width:170px;
}

#sitemapAria_temp li {
	background-image:url(../img2/icon/icon_yaji.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px 5px 0 15px;
	}






#sitemapAria table {
	width:100%;
}

#sitemapAria table th {
	background-image:url(../img2/icon/icon_yaji.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px 5px 0 15px;
	width:63%;
}

#sitemapAria table th a:hover {
	text-decoration:underline;
}

#sitemapAria table td {
	background-image:url(../img2/icon/icon_yaji.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:5px 5px 0 15px;
	width:37%;
}

#sitemapAria table td a:hover {
	text-decoration:underline;
}



.nailink {
	background:url(../img2/icon/icon_naibulink.gif) no-repeat left;
	padding:10px;
	width:155px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

.nailink a:hover {
	text-decoration:underline;
}

.nailink2 {
	background:url(../img2/icon/icon_naibulink.gif) no-repeat left;
	padding:0 0 0 10px;
	/*width:220px;
	margin:0 0 0 240px;*/
}

.nailink2 a:hover {
	text-decoration:underline;
}

.nailink3 {
	background:url(../img2/icon/icon_naibulink.gif) no-repeat left;
	padding:0 0 0 10px;
	/*width:200px;*/
	margin:0 0 0 30px;
}

.nailink3 a:hover {
	text-decoration:underline;
}


.nailink_sammovie {
	background:url(../img2/icon/icon_naibulink.gif) no-repeat left;
	padding:10px;
	/*width:220px;
	margin:0 0 0 240px;*/
}

.nailink_sammovie a:hover {
	text-decoration:underline;
}

/* footer
============================================================== */

div#footer {
	border-top:5px solid #962C2C;
	margin:auto;
	padding:30px 5px 0;
	width:960px;
	font-size:116%;
	}


/* footer







/* footNavi
---------------------------------------------------- */

div#footer ul {
	float:left;
	width:400px;
}

div#footer ul li.noLine {
	background:transparent none repeat scroll 0 0;
	padding:0 5px 0 0;
}
div#footer ul li {
	display:inline;
	padding:0;
}


div#footer address {
	float:right;
	font-size:77%;
	text-align:right;
	width:400px;
}


/*------ END -----*/




/* ets
---------------------------------------------------- */

/* layout
---------------------------------------------------- */

.AriaL {
float:left;

}

.AriaR {
float:right;
}

/* 制作の流れ
---------------------------------------------------- */

div.flow_tit {
	background:url(../flow/img/flowtit.gif) no-repeat left;
	padding:20px 0 0 10px;
	font-weight:bold;
	margin:0 0 0 10px;
	height:45px;
}



/*Q&Aリスト--------------------*/

div.q_a {

}

div.q_a ul {
margin:0 30px 0 20px;

}

div.q_a li.question {
	margin:10px 10px 20px 0;
	padding:10px 10px 10px 25px;
	border-bottom:#6699CC 1px dotted;
	background: url(../img2/qa/img/icon_q.gif) no-repeat left center;
	color:#3399FF;
	font-weight:bold;

}

div.q_a li.question2 {
	margin:10px 0 0 0;
	padding:10px 10px 0 25px;
	background:url(../img2/qa/img/icon_q.gif) no-repeat left center;
		color:#3399FF;
	font-weight:bold;

}

div.q_a li.question2a {
	margin:10px 0 20px 0;
	padding:10px 10px 10px 25px;
	border-bottom:#6699CC 1px dotted;
	background:url(../img2/qa/img/icon_q.gif) no-repeat left top;
	color:#3399FF;
	font-weight:bold;

}



div.q_a li.question_br {
	/*margin:10px 0 20px 0;*/
	padding:10px 10px 10px 25px;
	border-bottom:#6699CC 1px dotted;
	color:#3399FF;
	line-height:170%
}



div.q_a li.answer {
	margin:10px 10px 20px 10px;
	padding:20px 20px 20px 20px;
	border-bottom: #FF66CC 1px dotted;
	/*background:url(../img/qa/img/icon_a.gif) no-repeat left top;*/
	line-height:170%;
	border:#FF9999 solid 2px;

}



/*----------------------------*/

/*----------map---------------*/

.map {
style="border:#CCCCCC 1px solid; padding:10px; width:635px; margin:30px 0 0 20px;}


/*////////////////////////////////////////////////////////////////////*/
/*  サイトマップ
//////////////////////////////////////////////////////////////////////*/

.ulSitemap {
	background: url(../img2/sitemap/dot_01.gif) repeat-y;
	margin: 8px 0px 0px 40px;
}
.ulSitemap li {
	list-style-type: none;
	background: url(../img2/sitemap/dot_02.gif) left 18px no-repeat;
	padding: 8px 0px 0px 30px;
}
.ulSitemap li ul {
	background: url(../img2/sitemap/dot_01.gif) repeat-y;
	margin: 10px 0px 0px 20px;
}
.ulSitemap li.lastItem {
	background: url(../img2/sitemap/dot_03.gif) left 18px no-repeat;
	padding: 8px 0px 15px 30px;
}
.ulSitemap li.lastItem2 {
	background: url(../img2/sitemap/dot_03.gif) left 18px no-repeat;
}

div#sitemap {
}

div#sitemap dl {
}

div#sitemap ul {

}

div#sitemap li {
padding:10px;
background:url(../img2/icon/icon_yaji.gif) no-repeat left;
}


.site01 {
	background:url(../img2/sitemap/dot_02.gif) left 18px no-repeat; 
	padding:8px 0 0 30px;
}

div#site02 {background:url(img/sitemap/dot_02.gif) left 18px no-repeat; padding:8px 0 0 30px;}


/*----------samplemovie---------------*/

.movie_info {
margin:20px; background-color:#F0FFFE; padding:20px; border:#3366CC 1px solid;
}


/*----------Sccessmap---------------*/

div#mapinfo {
border:#FF9933 1px solid;
padding:15px;
margin:10px;
}

/*----------各サービスムービー表示--------------*/


div#service_info {
	width:720px;
	padding:10px;
}

.service_infoleft {

float:left; width:440px; border:#CCCCCC 1px solid; padding:20px; font-size:116%;

}


.privacy_bor {
border:#999999 1px solid; padding:20px; font-size:116%; margin:10px;
}



/*----------各サービス案内--------------*/


div#servie_info {
width:730px;
margin-bottom:20px;
}

.servie_waku {
	border:#D7B460 2px solid; margin:10px; float:left; width:340px;
}

.flow_img {
	float:left;
	padding:10px 0 0 10px;
}


/*----------サンプルビデオ--------------*/


div#sample {
background:url(../samplemovie/img/sampleall_bak.gif) no-repeat;
height:245px;
}

/*----------ショールーム--------------*/


.showroom_info {
	width:720px;
	margin-top:10px;
}

.infoleft {
width:250px;
margin-right:20px;
float:left;
text-align:center;
}

.showinforight {
width:450px;
margin-right:10px;
float:left;
}

.showtable {
}

.showtable table {
width:450px;
}

.showtable table td {
background-color:#0099FF;
}