@charset "UTF-8";

/*--------------------------------------------------
Default
--------------------------------------------------*/
body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	margin:0px;
	padding:0px;
	font-size:90%;
	line-height:1.5em;
	color:#333;
}
html,body {
	width:100%;
	height:100%;
}

#FlashObject {
	width:100%;
	height:100%;
}

html,a,form,area,div,table,ul,ol,li,dd,h1,h2,h3,h4,h5,h6,p{
	margin:0px;
	padding:0px;
	border:none;
}
img{border:none;}
table{
	font-size:100%;
}
ul {list-style-type:none;}
a{
	text-decoration:none;
	color:#333;
}

a:link,
a:visited,
a:hover,
a:focus{
	text-decoration:none;
	color:#333;
}


/*-------------------------
Basic
-------------------------*/
div#WRAPPER {
	width:960px;
	margin:0px auto;
	text-align:center;
}
div#HEAD {
	width:850px;
	margin:0px auto;
	text-align:left;
}
div#MAIN {
	width:800px;
	margin:0px auto;
	text-align:left;
}
div#CONTENT {
	width:570px;
	float:right;
}
div#SUB-CONTENT {
	width:230px;
	float:left;
}
div#FOOT {
	width:850px;
	margin:0px auto;
	color:#666;
	font-size:80%;
	padding:40px 0px 10px 0px;
	text-align: left;
}
	div#FOOT p{
		width: 550px;
		float: left;
	}
	div#FOOT a{
		width: 250px;
		float: right;
		text-align: right;
	}
	
body#PRIVACY div#WRAPPER{
	margin-top: 50px;
}

div#MSG a {
	color:#369;
	text-decoration: underline;
}

#FlashObject {
	min-width:980px;
	min-height:600px;
	width:100%;
	height:100%;
}

/*-------------------------
Global Navigation
-------------------------*/
div#HEAD h1{
	float:left;
	width:115px;
}
div#NAVI-GLOBAL {
	width:685px;
	height:100px;
	float:right;
}
div#NAVI-GLOBAL ul li {
	float:left;
}
	div#NAVI-GLOBAL ul li .navi_item{width:98px;}
	div#NAVI-GLOBAL ul li .navi_news{width:98px;}
	div#NAVI-GLOBAL ul li .navi_company{width:110px;}
	div#NAVI-GLOBAL ul li .navi_recruit{width:102px;}
	div#NAVI-GLOBAL ul li .navi_inquiry{width:102px;}
	div#NAVI-GLOBAL ul li .navi_link{width:70px;}
	div#NAVI-GLOBAL ul li .navi_oppenstore{width:105px;}
	
		div#NAVI-GLOBAL ul li a {
			display: block;
		}
		div#NAVI-GLOBAL ul li a:hover,
		div#NAVI-GLOBAL ul li a:focus{
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}


/*-------------------------
Navigation-Local
-------------------------*/
div#NAVI-LOCAL ul li{
	padding-bottom:8px;
}

	div#NAVI-LOCAL ul li a:hover,
	div#NAVI-LOCAL ul li a:focus{
		filter:alpha(opacity=70);
		-moz-opacity: 0.7;
		opacity: 0.7;
	}


/*-------------------------
Itemlist
-------------------------*/
#ITEMLIST .clearfix p{
	width:285px;
	float: left;
}
	#ITEMLIST img{
		width: 100px;
		float: left;
	}
	#ITEMLIST p span{
		width: 185px;
		float: left;
		padding-top: 30px;
		font-size: 90%;
		line-height: 1.4em;
	}


/*-------------------------
Company
-------------------------*/
.img-factory{
	float:left;
	width:120px;
}

.text-factory{
	float:right;
	width:365px;
}

.area-left{
	float:left;
	width:270px;
}
.area-right{
	float:right;
	width:270px;
}


/*-------------------------
News
-------------------------*/
.text_pdf .fl-l{
	width: 112px;
}
.text_pdf .fl-r{
	width: 445px;
}


/*-------------------------
Inquiry
-------------------------*/
.mailtext{
	width: 500px;
	float: left;
}
.mailimg{
	width: 260px;
	float: right;
}


/*-------------------------
Link
-------------------------*/
#LINK .fl-l,
#LINK .fl-r{
	width: 390px;
}
	#LINK a{
		display: block;
	}


/*-------------------------
Privacy
-------------------------*/
#PRIVACY ul{
	list-style-type: lower-alpha;
	margin-top: 15px;
	width: 777px;
	margin-left: 23px;
}

#PRIVACY p strong{
	margin: 30px 0px 5px 0px;
	display: block;
}



/*--------------------------------------------------
Basic and Shared Classes
--------------------------------------------------*/
/*-------------------------
Links
-------------------------*/
a.alpha:hover,
a.alpha:focus,
a.selected{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

a.link01:link,
a.link01:visited{
	background:url(/images/common/icon01.gif) no-repeat 0% 0%;
	padding-left:15px;
	color:#666;
}

a.link_pdf{
	background: url(/images/news/NewsPdfIcon.gif) no-repeat 0% 0%;
	padding-left:20px;
	display: block;
}



/*-------------------------
Tables
-------------------------*/
table th,
table td{
	font-weight:normal;
	vertical-align:top;
}
table caption{
	text-align:left;
	font-size:110%;
	padding-bottom:5px;
}

table.table01 th,
table.table01 td{
	border-top:dotted 1px #999;
	padding:7px 0px;
}

	table.table01 td span{
		display:block;
		margin-top:15px;
	}
table.table01b th,
table.table01b td{
	border-bottom:dotted 1px #999;
	padding:7px 0px;
}


table.table02 th{
	text-align:right;
	width:100px;
}
table.table02 td{
	padding-left:20px;
}

table.table03 th,
table.table03 td{
	padding-bottom:10px;
}


/*-------------------------
Header
-------------------------*/
h2{
	padding-bottom:40px;
}

p.lead{
	padding:20px 0px 30px 0px;
}
p strong{
	font-weight: normal;
	font-size: 110%;
}
p.undearline{
	border-bottom:dotted 1px #999; 
	padding-bottom: 10px;
}
p.icon02{
	background: url(/images/common/icon02.gif) no-repeat 0% 10%;
	padding-left:15px;
}


/*-------------------------
Classes For Adjustment
-------------------------*/
/*** Bottom Margin ***/
.mgb { margin-bottom:1em; }
div.mgb { margin-bottom:3.5em; }

/*** Vertical Margin ***/
.mgv { margin-bottom:1em; margin-top:1em; }
div.mgv { margin-bottom:3.5em; margin-top:3.5em; }


/*** Reset Margin and Padding ***/
.mgB5	{margin-bottom:5px;}
.mgB10	{margin-bottom:10px;}
.mgB15	{margin-bottom:15px;}
.mgB20	{margin-bottom:20px;}
.mgB25	{margin-bottom:25px;}
.mgB30	{margin-bottom:30px;}
.mgB50	{margin-bottom:50px;}
.mgT10	{margin-top:10px;}
.mgT30	{margin-top:30px;}
.mgT50	{margin-top:50px;}


/*** Float and Alignment ***/
.fl-l	{float:left;}
.fl-r	{float:right;}
.fl-c {clear:both;}
.al-l {text-align:left; }
.al-c {text-align:center; }
.al-r {text-align:right; }


/*--------------------------------------------------
clearfix
--------------------------------------------------*/
#ITEMLIST .fl-l p:after,
#ITEMLIST .fl-r p:after,
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#ITEMLIST .fl-l p,
#ITEMLIST .fl-r p,
.clearfix{
	display:inline-block;
}
/* Hides from IE-mac \*/
*html #ITEMLIST .fl-l p,
#ITEMLIST .fl-r p,
.clearfix{
	height:1%;
}
#ITEMLIST .fl-l p,
#ITEMLIST .fl-r p,
.clearfix{
	display:block;
}
/* End hide from IE-mac */