/* CSS Document */


/*------------------------------------------------------------------------------------------
	Initializ Elements
------------------------------------------------------------------------------------------ */

* {
	color:#333;
	font-size:100%;
}

body {
	text-align:center;
	margin:0;
	padding:0;
	font-family:"ＭＳ Ｐゴシック", Osaka;
	background-color:#333;

	scrollbar-face-color:#444499;
	scrollbar-highlight-color:#444499;
	scrollbar-shadow-color:#444499;
	scrollbar-3dlight-color:#1F1F45;
	scrollbar-arrow-color:#999999;
	scrollbar-track-color:#1F1F45;
	scrollbar-darkshadow-color:#1F1F45;

}

h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:13px;
}

h5 { page-break-after: always; }


img {border:none;}

td,input,select{
	font-size:12px;
}

th {
	text-align:center;
	font-weight:bold;
}

form{
	margin:0;
}

input.submit{
	font-size:11px;
}

sup{
	margin-top:5px;
	font-size:11px;
}

.ime_off{
	ime-mode:disabled;
}

.ime_on{
	ime-mode:active;
}

/*------------------------------------------------------------------------------------------
	Common Module
------------------------------------------------------------------------------------------ */

.hr_hasen{
	display:block;
	width:88%;
	height:1px;
	line-height:0;
	margin:20px auto 20px;
	padding:0;
	text-align:center;
	border-bottom:1px dashed #333;
}

.bold{
	font-weight:bold;
}

.under_line{
	border-bottom:1px solid #CCC;
}

a:link 		{ color: #376DA4; text-decoration: underline; }
a:visited 	{ color: #376DA4; text-decoration: underline; }
a:active 	{ color: red; text-decoration: underline; }
a:hover 	{ color: red; text-decoration: underline; }

img.midashi{
	padding-bottom:10px;
}

.clear
{
	text-indent: -9999px;
	font-size:0%;
	line-height:0%;
	clear:both;
}

/*------------------------------------------------------------------------------------------
	Layout Module
------------------------------------------------------------------------------------------ */

div#wrapperBLK{
	width: 760px;
/*	width: 770px;	*/
	margin: 0 auto;
/*	background:url("../images/bg_main.jpg")  0 0 repeat-y;	*/
}

div#mainBLK{
	width: 760px;
	margin: 0 auto;
	text-align:left;
}

#TOP div#headBLK{
	overflow:auto;
	width:760px;
	height: 450px;
	text-align:center;
	background-color:#000;
}

div#head2BLK{
	width:760px;
	height: 60px;
	background-color:#000;
}

div#menuBLK{
	width:760px;
	height:30px;
	background-color:#1F1F45;
}

div#contentsBLK{
	width:760px;
/*	height:80px;	*/
	padding-top:10px;
	background-color:#1F1F45;
}

div#contents2BLK{

	float:left;
	width:760px;
	background-color:#000;
}

div#footerBLK{
	width:760px;
	height:20px;
	clear:both;
	background-color:#000;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#5A5A5A;
}

div#contents2BLK div.leftCol{
	float:left;
	padding-top:40px;
	width:220px;
	text-align:center;
}

div#contents2BLK div#contentsCol{
	float:left;
	overflow:auto;
	width:540px;
}

div#contents2BLK div#rightCol{
	width:500px;
	font-size:12px;
	line-height:170%;
	padding-top:40px;
	padding-bottom:30px;
	color:#CCC;
}

/*------------------------------------------------------------------------------------------
	共通レイアウト
------------------------------------------------------------------------------------------ */

div.line{
	clear:both;
	width:100%;
	height:1px;
	padding:0;
	font-size:0%;
	line-height:0%;

	background:url("../images/dot_h.gif")  0 100% repeat-x;
/*	border-bottom:1px solid #999;	*/
}

#contents2BLK div.dataRow{
	clear:both;
	width:500px;
	padding:0px;
	margin:0px 10px;
	padding-top:5px;
	padding-bottom:5px;
}

#contents2BLK div.dataRow div.dataCol1{
	float:left;
	width:80px;
	font-size:12px;
	line-height:140%;
	color:#CCC;
}

#contents2BLK div.dataRow div.dataCol2{
	float:left;
	width:410px;
	font-size:12px;
	line-height:140%;
	color:#CCC;
}


/*------------------------------------------------------------------------------------------
	トップページヘッダ
------------------------------------------------------------------------------------------ */

div#headBLK img.logo{
	clear:both;
	margin-top:50px;
}

div#headBLK img.photo{
	clear:both;
	margin-top:50px;
}

div#headBLK img.subtitle{
	clear:both;
	margin-top:50px;
	margin-bottom:30px;
}

/*------------------------------------------------------------------------------------------
	サブページヘッダ
------------------------------------------------------------------------------------------ */

div#head2BLK img.logo{
	position:absolute;
	margin-top:20px;
	margin-left:30px;
}

div#head2BLK img.home{
	position:absolute;
	margin-top:38px;
	margin-left:700px;
}

/*------------------------------------------------------------------------------------------
	メニュー
------------------------------------------------------------------------------------------ */

#menuBLK ul.navmenu{
	position:absolute;
	width:728px;
	height:20px;
	margin-top:4px;
	margin-left:16px;
	padding:0;
	list-style:none;
	text-indent:-9999px;
}

#menuBLK ul.navmenu li{
	display:block;
	float:left;
	list-style:none;
    padding: 0px;
    margin: 0px;
}

#menuBLK ul.navmenu li,
#menuBLK ul.navmenu li a,
#menuBLK ul.navmenu li a:hover{
	display:block;
	width:104px;
	height:20px;
	background-image:url("../images/menu.gif");
	background-repeat:no-repeat;
}

/*
#menuBLK ul.navmenu li a:hover{
	background-image:url("../images/menu_f2.gif");
	background-repeat:no-repeat;
}
*/

/*#menuBLK ul.navmenu li:hover > ul{	*/
#menuBLK ul.navmenu li:hover ul{
	display: block;
}

#menuBLK ul.navmenu ul{
/*    position: absolute;	*/
	display:none;

	width:104px;
	height:60px;
    padding: 0px;
    margin: 0px;
/*	margin-top:20px;	*/
/*	margin-left:-104px;	*/
	text-indent:-9999px;
}

#menuBLK ul.navmenu ul li{
	display:block;
	float:left;
	list-style:none;
    padding: 0px;
    margin: 0px;
}

#menuBLK ul.navmenu ul li a,
#menuBLK ul.navmenu ul li a:hover{
	display:block;
	width:104px;
	height:20px;
	background-image:url("../images/menu2.gif");
/*	background-repeat:no-repeat;	*/
}

/*
#menuBLK ul.navmenu ul li a:hover{
	background-image:url("../images/menu2_f2.gif");
	background-repeat:no-repeat;
}
*/



#menu02 a{ background-position:-104px 0; }
#menu03 a{ background-position:-208px 0; }
#menu04 a{ background-position:-312px 0; }
#menu05 a{ background-position:-416px 0; }
#menu06 a{ background-position:-520px 0; }
#menu07 a{ background-position:-624px 0; }

#menu02 { background-position:-104px 0; }
#menu03 { background-position:-208px 0; }
#menu04 { background-position:-312px 0; }
#menu05 { background-position:-416px 0; }
#menu06 { background-position:-520px 0; }
#menu07 { background-position:-624px 0; }

#menu01 a:hover{ background-position:0px -20px; }
#menu02 a:hover{ background-position:-104px -20px; }
#menu03 a:hover{ background-position:-208px -20px; }
#menu04 a:hover{ background-position:-312px -20px; }
#menu05 a:hover{ background-position:-416px -20px; }
#menu06 a:hover{ background-position:-520px -20px; }
#menu07 a:hover{ background-position:-624px -20px; }

#menu02_01 a{ background-position:0 0px; }
#menu02_02 a{ background-position:0 -20px; }
#menu02_03 a{ background-position:0 -40px; }

#menu02_01 a:hover{ background-position:0 -60px; }
#menu02_02 a:hover{ background-position:0 -80px; }
#menu02_03 a:hover{ background-position:0 -100px; }

/*------------------------------------------------------------------------------------------
	トップページ
------------------------------------------------------------------------------------------ */

div#contentsBLK div.newsCol1{
	float:left;
	margin-left:8px;
	padding:0;
	width:130px;
	list-style:none;
	text-indent:-9999px;
}

div#contentsBLK div.newsCol1 img.news{
	float:left;
	margin-left:30px;
}

div#contentsBLK div.newsCol2{
	float:left;
	padding:0;
	width:350px;
	height:66px;
	background-color:#1F1F45;

/*
	overflow:auto;
	scrollbar-face-color:#444499;
	scrollbar-highlight-color:#444499;
	scrollbar-shadow-color:#444499;
	scrollbar-3dlight-color:#1F1F45;
	scrollbar-arrow-color:#999999;
	scrollbar-track-color:#1F1F45;
	scrollbar-darkshadow-color:#1F1F45;
*/
}


div#contentsBLK div.bannerCol{
	float:left;
	padding:0;
	width:250px;
	color:#666;
}

/*------------------------------------------------------------------------------------------
	NEWS詳細（別ウィンドウ ）
------------------------------------------------------------------------------------------ */
body#NEWS_DETAIL{
	background-color:#FFF;
}

body#NEWS_DETAIL div#wrapperBLK{
	margin:0;
	paffing:0;
	width: 100%;
	margin: 0 auto;
	text-align:left;
}

body#NEWS_DETAIL div#headBLK{
	float:left;
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	margin-bottom:15px;
	background-color:#000;
	text-align:left;
}

body#NEWS_DETAIL div#headBLK img.logo{
	position:absolute;
	margin-top:10px;
	margin-left:30px;
	padding:0;
}

body#NEWS_DETAIL div#headBLK img.close{
	position:absolute;
	margin-top:19px;
	margin-left:525px;
}

body#NEWS_DETAIL div#contentsBLK{
	width:560px;
	margin: 0 auto;
	margin-left:30px;
	margin-bottom:17px;
	background-color:#FFF;
}

body#NEWS_DETAIL div.title{
	padding-left:5px;
	padding-bottom:5px;
	margin-bottom:3px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#666;
	background:url("../images/dot_h2.gif")  0 100% repeat-x;
}

body#NEWS_DETAIL div.date{
	margin-bottom:20px;
	padding-right:5px;
	text-align:right;
	font-size:13px;
	color:#666;
}

body#NEWS_DETAIL div.detail{
	float:left;
/*	margin-bottom:20px;	*/
	padding:0 10px;
	text-align:left;
	font-size:13px;
	line-height:130%;
	color:#666;
}

body#NEWS_DETAIL div.photo{
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}

body#NEWS_DETAIL #footerBLK{
	width:100%;
	height:20px;
	clear:both;
	background-color:#000;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#5A5A5A;
}

/*------------------------------------------------------------------------------------------
	マップ（別ウィンドウ ）
------------------------------------------------------------------------------------------ */

body#MAP{
	background-color:#FFF;
}

body#MAP div#wrapperBLK{
	margin:0;
	padding:0;
	width:100%;
	margin: 0 auto;
	text-align:left;
}

body#MAP div#headBLK{
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	background-color:#000;
	text-align:left;
}

#MAP div#headBLK img.logo{
	position:absolute;
	margin-top:10px;
	margin-left:30px;
	padding:0;
}

body#MAP div#headBLK img.close{
	position:absolute;
	margin-top:19px;
	margin-left:525px;
}

body#MAP div#contentsBLK{
	width:100%;
	margin:0;
	padding:0;
	margin-top:20px;
	padding-bottom:20px;
	background-color:#FFF;
	text-align:center;
}

body#MAP div#footerBLK{
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	background-color:#000;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#5A5A5A;
}

/*------------------------------------------------------------------------------------------
	CONCEPT
------------------------------------------------------------------------------------------ */

body#CONCEPT div#contentsCol{
/*	float:left;	*/
	overflow:auto;
	width:760px;
}

body#CONCEPT #contentsCol div.dataRow{
	clear:both;
	width:710px;
	padding:0px;
	margin:0;
	padding-top:5px;
	margin-left:20px;
/*	margin:0 auto;	*/
}

body#CONCEPT #contentsCol div.dummyRow{
	clear:both;
	width:710px;
	height:20px;
	padding:0px;
	margin:0px;
}

body#CONCEPT div#contents2BLK div.dataRow div.col1{
	float:left;
	width:220px;
/*	margin-left:20px;	*/
	text-align:center;
}

body#CONCEPT div#contents2BLK div.dataRow div.col2{
	float:left;
	width:470px;
	font-size:12px;
	line-height:170%;
	color:#CCC;
}

#CONCEPT strong{
	font-size:13px;
	color:#FFF;
}

/*------------------------------------------------------------------------------------------
	CONTACT
------------------------------------------------------------------------------------------ */

body#CONTACT div#contents2BLK,
body#CONTACT_CONF div#contents2BLK
{
	background-color:#FFF;
}

body#CONTACT div.lead,
body#CONTACT_CONF  div.lead
{
	margin-bottom:20px;
	font-size:13px;
	line-height:130%;
	color:#333;
}

body#CONTACT div.dataRow div.dataCol1{
	color:#333;
}

body#CONTACT div.dataRow div.dataCol2{
	color:#333;
}

body#CONTACT strong{
	font-size:15px;
	color:#333;
}

body#CONTACT .required{
	font-size:13px;
	color:#C30;
}

body#CONTACT div.dataRow div.dataCol2 span.notice{
	font-size:11px;
	color:#666;
}

body#CONTACT div.errorBLK{
	margin-bottom:20px;
	font-size:13px;
	line-height:130%;
	color:#C30;
}

body#CONTACT div.thanksBLK{
	margin-bottom:20px;
	font-size:13px;
	line-height:130%;
	color:#333;
}

/*------------------------------------------------------------------------------------------
	PRODUCT
------------------------------------------------------------------------------------------ */

body#PRODUCT ul.submenu{
	width:136px;
	margin-top:20px;
	margin-left:16px;
	text-align:left;
	list-style-type:disc;
}

body#PRODUCT ul.submenu li{
	padding-top:0px;
	font-size:12px;
}

body#PRODUCT div#contents2BLK{
	background-color:#FFF;
}

body#PRODUCT div#contents2BLK div#rightCol{
	color:#333;
}

body#PRODUCT img.title{
	padding-bottom:20px;
}

body#PRODUCT img.subtitle{
	padding-bottom:10px;
}

body#PRODUCT div.picture{
	text-align:center;
	padding-bottom:20px;
}

body#PRODUCT div.contents{
	margin-bottom:30px;
}
/*
body#PRODUCT div.dataRow{
	clear:both;
	width:100%;
}
*/

body#PRODUCT div.dataRow div.dataCol1{
	width:350px;
	color:#333;
	float:left;
}

body#PRODUCT div.dataRow div.dataCol2{
	width:150px;
	float:left;
}

body#PRODUCT div.dataRow div.dataCol3{
	width:250px;
	float:left;
}

body#PRODUCT div.dataRow div.dataCol4{
	width:250px;
	float:right;
	text-agign:right;
}

body#PRODUCT div.effect_ex{
	width:220px;
	padding:10px 7px;
	border:1px solid #999;
}

body#PRODUCT strong{
	color:#414192;
}

body#PRODUCT div.effect_ex div.title{
	font-weight:bold;
	padding-left:5px;
	margin-bottom:10px;
	color:#414192;
	border-bottom:1px solid #999;
}

body#PRODUCT div.effect_ex ul{
	margin-top:5px;
	color:#666;
	font-size:12px;
}

body#PRODUCT div.effect_ex ul{
	margin:0;
	padding-left:20px;
}

/*------------------------------------------------------------------------------------------
	LINK
------------------------------------------------------------------------------------------ */

body#LINK div.dataRow div.dataCol1{
	width:150px;
}

body#LINK div.dataRow div.dataCol2{
	width:340px;
}


/*------------------------------------------------------------------------------------------
	COMPANY
------------------------------------------------------------------------------------------ */

body#COMPANY strong{
	font-size:15px;
	color:#FFF;
}

body#COMPANY div.dataRow div.dataCol1{
	float:left;
	width:80px;
	font-size:12px;
	line-height:140%;
	color:#CCC;
}

body#COMPANY div.dataRow div.dataCol2{
	float:left;
	width:410px;
	font-size:12px;
	line-height:140%;
	color:#CCC;
}

body#COMPANY div.dataRow img{
	vertical-align:text-bottom;
}

/*------------------------------------------------------------------------------------------
	WORKS
------------------------------------------------------------------------------------------ */
/*
body#WORKS div#contentsCol{
	float:left;
	overflow:auto;
	width:760px;
}
*/
/*
body#WORKS div#rightCol{

	margin:0 auto;
	padding-top:0px;
	width:700px;
}
*/


body#WORKS #contents2BLK div.dataRow{
	clear:both;
	margin:0;
	margin-bottom:10px;
}


body#WORKS div.dataRow div.dataCol1{
	float:left;
/*	width:120px;	*/
	width:165px;
	font-size:12px;
	text-align:center;
	color:#CCC;
}

body#WORKS div.dataRow img{
	margin-bottom:5px;
}

/*------------------------------------------------------------------------------------------
	WORK_DETAIL
------------------------------------------------------------------------------------------ */

body#WORK_DETAIL div#wrapperBLK{
	margin:0;
	padding:0;
	width:100%;
	margin: 0 auto;
	text-align:left;
}

body#WORK_DETAIL div#headBLK{
	width:100%;
	height:40px;
	margin:0;
	padding:0;
	background-color:#000;
	text-align:left;
}

body#WORK_DETAIL div#headBLK img.logo{
	position:absolute;
	margin-top:10px;
	margin-left:30px;
	padding:0;
}

body#WORK_DETAIL div#headBLK img.close{
	position:absolute;
	margin-top:19px;
	margin-left:605px;
}

body#WORK_DETAIL div#contentsBLK{
	width:100%;
	margin:0;
	padding:0;
	background-color:#000;
}

body#WORK_DETAIL div.title{
	width:100%;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:0;
	margin-bottom:15px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#CCC;
	background:url("../images/dot_h.gif")  0 100% repeat-x;
	background-color:#333;
}

body#WORK_DETAIL div.dataRow{
	width:100%;
	margin:0;
	padding:0;
}

body#WORK_DETAIL div.photoCol{
	float:left;
	width:400px;
	text-align:center;
}

body#WORK_DETAIL div.contentsCol{
	float:left;
	margin-left:20px;
	margin-right:20px;
	font-size:12px;
	line-height:150%;
	text-align:left;
	color:#CCC;
}

body#WORK_DETAIL div.photoMenuBLK{
	float:left;
	clear:both;
	width:100%;
	margin-top:15px;
	padding:10px 10px;
	background-color:#333;
}

body#WORK_DETAIL div.photoMenuBLK div{
	float:left;
	margin:0;
	padding:0;
	margin-right:10px;
}

body#WORK_DETAIL div#footerBLK{
	clear:both;
	width:100%;
	height:20px;
	margin:0;
	padding:0;
	background-color:#000;
	text-align:center;
	font-size:12px;
	line-height:20px;
	color:#5A5A5A;
}