/* CSS Document */
* {
	margin: 0;
	padding: 0; }
 
.clearfix:after {
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0%;
	display: block;
	content: ""; }
 
.clearfix, { zoom: 100%; }
 
.clear { clear: both; }
 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0; }

 
a {
	overflow: hidden;
	color: #333;
	font-style: normal; }
 
	a:link {
		color: #333;
		font-style: normal;
		text-decoration: underline; }
 
	a:visited { color: #555; }
 
	a:hover {
		color: #993300;
		font-style: normal;
		text-decoration: none; }
		
		
.rollover a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}
 
li { list-style-type: none; }
 
	li img { vertical-align: top; }
 
img { border: 0; }
 
.strong { font-weight: bold; }
 
/*--------------------------------------
selector
--------------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", sans-serif, Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic";
	font-size: 12px;
	line-height: 140%;
	color: #525252;
	background-color: #000;
	* }
 
html,body {
	height: 100%;
	text-align: center;
	margin: 0px auto;
	min-height: 100%; }
 
/*.scroll-y{
	overflow-y:hidden;
}
*/
#wrapper {
	width: 100%;
	/min-height: 100%;
	height: 100%; }
 
/*#wrap {
	position: relative;
	margin: 0px auto;
	width: 100%;
	_height: 100%;
	min-height: 100%; }*/
 
body > .wrap { height: auto; }
 
body > .wrapper { min-height: auto; }
 
/*--------------------------------------
#header
--------------------------------------*/
#header {
	background-color: #000;
	background: url(../img/global-nav_bg.gif) bottom repeat-x;
	width: 100%; }
 
#header .top_area {
	margin: 0px auto;
	width: 960px;
	position: relative; }
 
#header .top_area h1 { float: left; }
 
#header .top_area ul {
	position: absolute;
	bottom: 10px;
	right: 0px; }
 
	#header .top_area ul li {
		display: inline;
		float:left;
		margin-left: 0px; }
 
/*---------------------
.global-nav
---------------------*/
.global-nav_area {
	width: 960px;
	margin: 0px auto; }
 
#header ul.global-navi li {
	display: inline;
	text-align: left;
	float:left;}
 
/*--------------------------------------
#contents
--------------------------------------*/
#contents {
	width: 950px;
	height: auto;
	margin: 0px auto;
	padding-left: 10px;
	text-align: left;
	background: url(../img/contents_bg.gif) 0 0 repeat-y; }
 
/*--------------------------------------
#left-column layout
--------------------------------------*/
#left-column-top {
	float: left;
	width: 710px;
	background-color: #FFF; }

#left-column {
	float: left;
	min-height:800px;
	_height:800px;
	width: 710px;
	background: url(../img/bg_contents_top.png) top repeat-x;
	background-color: #FFF;}
 
#main-contents-Area-top {
	position:relative;
	background: url(../img/bg_contents_bottom.png) bottom repeat-x;
	padding-bottom: 75px; }
	
#main-contents-Area {
	position:relative;
	background: url(../img/bg_contents_bottom_2.png) bottom repeat-x;
	padding-bottom: 175px;
	min-height:700px;
	_height:700px;
	}
 
#left-contents-Area-top {
	position: relative;
	float: left;
	width: 490px; }
	
#left-contents-Area {
	position: relative;
	float: left;
	width: 523px;
	height:100%;
	padding:0px 12px 0px;}
	
#left-contents-Area-all {
	position: relative;
	height:100%;
	padding:0px 12px 0px;}
	
#left-contents-Area_lp_n {
	position: relative;
	float: left;
	width: 537px;
	padding-right:10px;}
	
#left-contents-Area_lp_n-all {
	position: relative;
	padding-right:10px;}
 
#right-contents-Area-top {
	float:left;
	width: 220px;
	background-color: #EEE; }
	
#right-contents-Area {
	float:left;
	width: 160px;
	border-left:solid 3px #ccc;
 }	

#pagetitle-Area {
	margin-bottom:22px;
}

#pagetitle-Area p {
	margin-left:10px;
	margin-top:5px;
}

/*------------
pankuzu
-------------*/	
dl.pankuzu dt {display:none;}

dl.pankuzu {
	margin-top:10px;
	margin-left:12px;}




/*------------
pagetop
-------------*/	

#main-contents-Area p.pagetop a,
#main-contents-Area-top p.pagetop a{
	position:absolute;
	bottom:20px;
	right:10px;
	color:#FFF;
	padding-left:14px;
	text-decoration:none;
	background: url(../img/icon_page_top.gif) 0px 3px no-repeat;}
 
/*--------------------------------------
#right-column
--------------------------------------*/
#right-column {
	float: left;
	width: 220px;
	height: 100%; }
 
#top-inquiry-Area p { width: 220px; }
 
#right-column-main-area {
	width: 200px;
	height: 100%;
	margin: 0px 9px;}
 
/*-----------------------
top-inquiry-Area
-------------------------*/
#top-inquiry-Area { margin: 0 9px;
	position:relative;
	height:254px;}
#top-inquiry-Area p.btn {
	position:absolute;
	bottom:3px;
	left:17px;
}
/*-----------------------
stylement-Area
-------------------------*/
#Stylement-Area { margin: 10px 10px 15px;
}
 
/*-----------------------
banner-Area-Area
-------------------------*/
#banner-Area {
margin:10px;
	width: 200px;
	border-top:solid 1px #666666}
 
	#banner-Area p {
		margin-top: 10px;
		width: 200px; }
 

/*--------------------------------------
.footer
--------------------------------------*/
#footer {
	width: 100%;
	height:53px;
	position: relative;
	bottom: 0px;
	background: url(../img/footer_bg_2.jpg) 0 0 repeat-x;
	}
 
#foot_contents {
	position:relative;
	width: 960px;
	margin: 0px auto;
	height:53px;
	background: url(../img/footer_bg_1.jpg) bottom no-repeat;
	}
 
	#foot_contents ul li { display: inline; }
 
	#foot_contents ul {
		display: inline;
		float: right;
		margin-top:10px;}
 
	#foot_contents .rogo1 {
		position:absolute;
		left:12px;}
		
	#foot_contents .rogo2 {
		position:absolute;
		left:78px;}
 
	#foot_contents address {
		color:#FFF;
		position:absolute;
		right:0px;
		top:30px;
}
		

/*--------------------------------------
top
--------------------------------------*/
/*---------------
use case
--------------*/
#usecase-Area { position: relative; }
 
#usecase-Area  p.lead{
	margin-left:15px;
	margin-top:15px;
	}
	
.case_box {
	width: 220px;
	float: left;
	margin-left: 15px;
	_margin-left: 5px;
	margin-top: 15px; }
 
	.case_box p {
		width: 210px;
		color: #525252;
		margin-top: 5px;
		line-height: 130%; }
 
	.case_box .photo_box {
		background-color: #000;
		padding: 3px; }
 
		.case_box .photo_box h3 {
			padding-top:3px;
			padding-left:3px;
			color: #FFF;
			font-size: 14px;
			font-weight:bold;}
 
	.case_box h4 {
		font-size: 13px;
		font-weight: bold;
		margin-top: 7px; }


#usecase-Area .case_box ul {
	margin-top:5px;
	font-weight:bold;
}
 
#usecase-Area	p.allcase {
	position: absolute;
	top: 7px;
	right: 15px; }
 
/*---------------
event-Area
--------------*/
#event-Area { 
	position: relative;
	margin-bottom:150px;
	margin-top:50px;}
	
#event-Area p.lead{
	margin-left:15px;
	margin-top:15px;
	}	

 
	#event-Area p { color: #666666; }
 
.eve-contets-area { margin-left: 15px; }
 
#event-Area	p.alleve {
	position: absolute;
	top: 7px;
	right: 15px; }
 
/*---------------
bottom-inquiry-Area-top
--------------*/
#bottom-inquiry-Area-top {
	position: absolute;
	bottom: 0px;
	}
	
#bottom-inquiry-Area-top .btn-inq-bottom {
	position:absolute;
	right:4px;
	bottom:1px;
}

/*---------------
bottom-inquiry-Area
--------------*/
#bottom-inquiry-Area {
	clear:both;	
	height:59px;
	padding-top:30px;
	clear:both;
	position:absolute;
	bottom:100px;
	}

#bottom-inquiry-Area .btn-inq-bottom {
	position:absolute;
	right:2px;
	bottom:2px;
}
	
/*------------------------------
layout-Area 
----------------------------*/
#layout-Area .layout-box {
	margin:15px 10px 0px;
}
	
#layout-Area .layout-box p img {
	float:left;
	margin-right:8px;}
	
#layout-Area .layout-box p.layout-word a {
	font-size:10px;
	float:left;
	color:#333;
	width:85px;}



#r-layout-Area .layout-box {
	margin:15px 10px 0px;
}
	
#r-layout-Area .layout-box p img {
	float:left;
	margin-right:8px;}
	
#r-layout-Area .layout-box p.layout-word a {
	font-size:10px;
	float:left;
	color:#FFF;
	width:85px;}	
	
	
/*------------------------------
index-Area right-column
----------------------------*/
#index-Area ul {
	margin:5px;
	}

#index-Area ul li {
	padding-left:15px;
	background: url(../img/icon_index.gif) 0px 3px no-repeat;
	margin-bottom:5px;
	font-weight:bold;
	}

#index-Area ul li.vis {
	background: url(../img/icon_index_vis.gif) 0px 3px no-repeat;
	color:#CCC

	}
/*------------------------------
navi-Area-r
----------------------------*/
#navi-Area-r {
	width:200px;
	margin:20px 10px 0px;
	_margin:20px 6px 0px;
	padding-top:12px;
	border-top:solid 1px #666666
}


#navi-Area-r p {
	margin-bottom:10px;
}


/*------------------------------
mobile-Area
----------------------------*/
#mobile-Area {
	margin:30px 0px 30px;}

#mobile-Area .mobile-box {
	padding:10px;
}

#mobile-Area .mobile-box p{
	float:left;
}

#mobile-Area .mobile-box p.mobile-word{
	margin-left:8px;
	font-size:11px;
	float:left;
	color:#FFF;
	width:85px;
}

#mobile-Area .mobile-box p.mobile-word-t{
	margin-left:8px;
	font-size:12px;
	float:left;
	color:#666;
	width:85px;
}

/*------------------------------
news-Area
----------------------------*/

#news-Area dl {
	margin-top:10px;
	margin-left:10px;
	padding-right:15px;
}
	
#news-Area dl dt{
	font-weight:bold;
	color:#545454;
}

#news-Area dl dd{
	margin-bottom:8px;
	padding-bottom:8px;
	border-bottom:#545454 1px solid;
	font-weight:bold;
	color:#545454;
}

#news-Area dl dd a{
	color:#000;

}

#news-Area dl dd a:hover{
		color: #993300;
		font-style: normal;
		text-decoration: none; }

/*-------------------------------------------------
#movie-Area
-------------------------------------------------*/
.move { margin:10px;
_margin:8px;}

#flash-area {
	height:261px;}
	

/*-------------------------------------------------*/
p.back {
	text-align:right;
	z-index:1;}
	
	
/*--------------------------------------
common margin 
--------------------------------------*/
.ss-marg-top { margin-top: 5px; }
 
.short-marg-top { margin-top: 16px; }
 
.middle-marg-top { margin-top: 26px; }
 
.short-marg-left { margin-left: 15px; }