@charset "UTF-8";
/***************************************************************************************** basic 
*************************************************************************************************/
body,div,p,blockquote,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6
,pre,form,fieldset,input,textarea,table,th,td { 
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}

html {overflow-y:scroll;}

body {
	color: #666666;
	text-align: center;
	line-height: 1.5;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
}

* html body { /* for IE6-Win */
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 75%;
}

*:first-child+html body { /* for IE7-Win */
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 75%;
}

head~/* */body { /* for IE8-Win */
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 75%;
}

body:last-child {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 12px;
}

input, textarea, th, td {
	font-size: 12px;
	line-height: 1.5;
}


input,textarea,table {font-size: 1em;}

h1,h2,h3,h4,h5,h6 {font-size:1em;}
em,strong {font-weight: bold;}
ul,ol {list-style: none;}
hr {
	visibility:hidden;
	clear:both;
	height: 1px;
	margin: 0;
	padding:0;
}
img {border: 0;vertical-align: top;}
input,select,textarea {vertical-align:middle;font-size:1em;}
li{padding:0 0 10px 0;}

/*------------------------------------for WinIE6,7 */
*+html body
,*html body
,*html input
,*html textarea
,*html table {font-size: 82%;}


/*------------------------------------table*/



/*------------------------------------text link*/

a:link {
	color: #561E23;
	text-decoration: none;
}

a:visited {
	color: #990000;
	text-decoration: none;
}

a:hover {
	color: #330099;
	text-decoration: underline;
}

a:active {
	color: #FF0000;
	text-decoration: underline;
}
a.more img{}
a.more:link{color: #E80F20;}
/********************************************************************************** basic layout
*************************************************************************************************/

#fullcontainer{
	margin: 0px auto;
	width: 900px;
}
#contents_container {float: left;width: 670px;}

#main_container {}

.back{
	text-align: right;
	padding: 25px 10px;
	clear: both;
}
h2{clear:left;}
h3{
	clear:both;
	padding: 25px 0px 10px;
}
#main_container #container_l h4,
#main_container .container_l h4{

}

.text{padding: 5px 35px 15px 10px;}
.text2{padding: 5px 25px 35px 30px;}


ol#pan{
	padding: 15px 0px 0px;
	width: 650px;
	text-align: left;

}
ol#pan li{
	background: url(../order_home/img/common/pan.gif) no-repeat right top;
	padding: 0px 20px 0px 6px;
	display: inline;
	line-height: 1em;
	font-size: 85%;

}
ol#pan li#now{background:none;}
#l{
	float: left;
	width: 500px;
	text-align: left;
}
#r{
	float: left;
	width:400px;
	text-align: left;
}
/*----------------------------------------------------------------------------------2colom layout*/
#main_container .colom_2{
}

/********************************************************************************* Header layout
*************************************************************************************************/
#header {
	margin: 0px auto;
	width: 900px;
	height: 80px;
}
#header h1{
	width: 290px;
	float: left;
	padding-top: 20px;
	text-align: left;
}
#header dl{
	width: 590px;
	float: left;
	padding-top: 30px;
	font-size: 85%;
}
#header dl dt{height:1px;overflow: hidden;display:none;}
#header dl dd{
	width: 590px;
	height: 30px;
}
#header dl dd li{
	margin: 5px;
	background: url(../img/head/yaji.gif) no-repeat left center;
	width: auto;
	float: right;
	padding: 0px 10px 2px 10px;
	line-height: 1em;
}
#header dl dd li a{
}
#header p{
	width: 870px;
	text-align: right;
	clear: left;
	padding-top: 50px;
}
/*------------------------------------------------------------------------------------------News*/


/*********************************************************************************** Global Menu
***********************************************************************************************
#globalmenu{
	margin: 0px;
	background: url(../img/top/btn_bg.gif) repeat-x left top;
	height: 176px;
	clear: left;

}

#globalmenu dt{height:1px;overflow: hidden;display:none;}
#globalmenu dd{
	padding: 12px 0px 0px;
	margin: 0px auto;
	width: 900px;
}
#globalmenu dd ol{
	padding: 0px 0px 0px 25px;
}
#globalmenu dd ol li{
	float: left;
	margin-right: 8px;
}
**/

/********************************************************************************* Footer layout
*************************************************************************************************/
#footer{
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 15px 0px;
	margin: 25px 0px 0px;
}
#footer div{
	width: 900px;
	margin: 0px auto;
}
#footer div ol{
	width: 600px;
	float: left;
	font-size: 11px;
	padding: 15px 0px 20px;
}
#footer div ol li{
	float: left;
	padding: 0px 12px 3px;
	border-right: 1px solid #9C7C7F;
	line-height: 1em;
}
#footer div div{
	float: left;
	width: 300px;
	background: url(../img/top/f_line.gif) no-repeat left center;
	text-align: left;
}
#footer div div h3{
	padding: 15px 0px 5px 30px;
}
#footer div div ul{
	padding: 0px 0px 0px 35px;
}
#footer div div ul li{
	padding: 0 0 5px;
}
#footer ol li#copy{
	text-align: right;
	width: 580px;
	display: block;
	padding: 12px 0px 0px;
	border-style: none;
}
#footer ol li#foot_inq{
	text-align: right;
	width: 580px;
	display: block;
	float: none;
	border-style: none;
	clear: left;
	padding: 6px 0px 0px;
}
/*----------------------------------------------------------------------------------Utility Menu*/

/************************************************************************************** Top Page
*************************************************************************************************/
#pageID_TOP #l{
	float: left;
	width: 555px;
	text-align: left;
	margin:0;
	padding:0 0 15px;
	background: url(../img/top/news_bg.gif) no-repeat left bottom;
}
#pageID_TOP #r{
	float: left;
	width:345px;
	text-align: right;
}
#pageID_TOP #r a {
	float: right;
	margin: 0px 0px 10px 10px;
}

#pageID_TOP #l dl{
	padding: 10px 15px 0px 30px;
	font-size: 85%;
}
#pageID_TOP #l dl dt{
	padding: 0px 0px 5px 10px;
	background: url(../img/top/migi.gif) no-repeat left center;
	color: #FF8711;
	width: 80px;
	float: left;
}
#pageID_TOP #l dl dd{
	padding: 0px 0px 5px;
	float: left;
	width: 380px;
}

/*----------------------------------------------------------------------------- Global Menu*/

#pageID_TOP #globalmenu{
	margin: 0px;
	background: url(../img/top/btn_bg.gif) repeat-x left top;
	height: 176px;
	clear: left;

}

#pageID_TOP #globalmenu dt{height:1px;overflow: hidden;display:none;}
#pageID_TOP #globalmenu dd{
	padding: 12px 0px 0px;
	margin: 0px auto;
	width: 900px;
}
#pageID_TOP #globalmenu dd ol{
	padding: 0px 0px 0px 30px;
}
#pageID_TOP #globalmenu dd ol li{
	float: left;
	margin-right: 8px;
}
/*----------------------------------------------------------------------------------Flash Object*/
#flashcontent{
	width: 900px;
	height:500px;
	margin: 0 auto 25px;
	padding:0;
	clear:both;
	text-align:center;
	background: url(../img/top/flash_bg.jpg) no-repeat left top;
	
}
#flashcontent p#nofla{
	width: 550px;
	margin: 0 auto;
	padding:80px 0 50px;
}


#flashcontent p#nojava{
	background: url(../img/common/flash_cation.gif) repeat left top;
	width: 550px;
	margin: 0 auto;
	padding: 5px 0;
	line-height: 1em;
	display:block;
}

/*----------------------------------------------------------------------------------Flash Object--2*/
#flashcontent_2{
	width: 900px;
	height:430px;
	margin: 0 auto;
	padding:0;
	clear:both;
	text-align:center;
	background: url(../img/top/flash_bg.jpg) no-repeat left top;
	
}
#flashcontent_2 p#nofla{
	margin: 0 ;
	padding: 0 ;
}


#flashcontent_2 p#nojava{
	background: url(../img/common/flash_cation.gif) repeat left top;
	width: 550px;
	margin: 0 auto;
	padding: 5px 0;
	line-height: 1em;
	display:block;
}

#flashcontent_menu {width: 900px;margin: 0px auto;}
#flashcontent_menu dt {height:1px;overflow: hidden;display:none;}
#flashcontent_menu dd { padding-bottom:25px;}
#flashcontent_menu dd ul {
	background: url(../img/common/menu/bg.gif) no-repeat left top;
	padding-left:90px;
	height:70px;
}
#flashcontent_menu dd li {
	float: left;
	width: 144px;
}
#example {
	width: 900px;
	height:70px;
	margin:0 auto 25px;
	text-align:left;
	background: url(../img/common/menu/bg.gif) no-repeat left top;
} 
     
.menu ul {
	margin: 0;
	padding: 0;
	border: 0;
	list-style-type: none;
	display: block;
}
.adxm{
	width: 720px;
	margin: 0px 0px 0px 90px;
	padding:0;
}  
.menu li {
	width:144px;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
	float: left;
	position: relative;	
	z-index: 5;

}
.menu li:hover {
	z-index: 10000;	
	white-space: normal;
}
.menu li li {
	float: none;
}
.menu ul {
	visibility: hidden;
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 0;
}
.menu li:hover>ul {
	visibility: visible;
	bottom: 100%;
}
.menu li li:hover>ul {
	bottom: 0;
	left: 100%;
}

.menu:after, .menu ul:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}

.menu, .menu ul {
	min-height: 0;
}

.menu ul {
	
	padding: 0;
	margin: 0;
}
.menu ul ul {
	padding: 30px 30px 30px 10px;
	margin: 0 0 -30px -10px;
}



.menu ul li {
	color: #eee;
	width:144px;
	float:left;
	background:#2E1A11;
	padding: 0;
	margin: 0;
}
.menu ul {
	
}
.menu ul li a {
	text-decoration: none;
	color: #eee;
	padding: .4em 1em;
	display: block;
	position: relative;
	font-size:90%;
}
.menu a:hover, .menu li:hover>a {
	color: #fc3;
}
.menu li li {
	border-top: 1px solid #ccc;
}


.menu li li:hover>ul {
	bottom: 5px;
}

          

/********************************************************************************** COMPANY Page
*************************************************************************************************/
#pageID_COMPANY h2{
	background: url(../img/company/h2bg.gif) repeat-x left top;
	height: 176px;
}
#pageID_COMPANY h2 img{
	margin-top:6px;
}
#pageID_COMPANY #l{padding: 20px 0px 0px;}
#pageID_COMPANY #l h3{padding: 0px 0px 15px 10px;}
#pageID_COMPANY #l ol{padding: 0px 0px 0px 15px;}
#pageID_COMPANY #l ol li{padding: 0px 0px 10px;}
#pageID_COMPANY #r{
	padding: 25px 0px 0px;
}

#pageID_COMPANY #r table{
	width: 400px;
}
#pageID_COMPANY #r table th{
	background: #F8F8F8 url(../img/company/th_bg.gif) repeat-x left top;
	width: 90px;
	padding: 5px;
	text-align: left;
}
#pageID_COMPANY #r table td{
	padding: 5px;
	background: url(../img/company/td_bg.gif) repeat-x left top;
}
#pageID_COMPANY #r table td dl{}
#pageID_COMPANY #r table td dt{
	float: left;
	width: 150px;
}
#pageID_COMPANY #r table td dd{
	float: left;
	width: 100px;
}
#pageID_COMPANY #r h3{
	margin: 0px;
	padding: 0 0px 10px;
}
#pageID_COMPANY #r p{
	padding: 0px 7px 25px;
}
#pageID_COMPANY #r p img{
	margin: 5px 0px 7px 10px;
	float: right;
}

/*----------------------------------------------------------------------------- Global Menu*/

#pageID_COMPANY #globalmenu{
	margin: 0px;
	height: 110px;
	clear: left;

}

#pageID_COMPANY #globalmenu dt{height:1px;overflow: hidden;display:none;}
#pageID_COMPANY #globalmenu dd{
	padding: 12px 0px 0px;
	margin: 0px;
	width: 500px;
	text-align: left;
}
#pageID_COMPANY #globalmenu dd ol{
	padding: 0;
}
#pageID_COMPANY #globalmenu dd ol li{
	float: left;
	padding: 0px 25px 0px 0px;
	background: url(../img/company/btn_bg.gif) no-repeat right center;
	text-align: left;
}

/********************************************************************************** RECRUIT Page
*************************************************************************************************/
#pageID_RECRUIT h2{
	background: url(../img/recruit/h2_bg.gif) repeat-x left top;
	height: 176px;
}

#pageID_RECRUIT h2 img{margin-top: 6px;}
#pageID_RECRUIT h3{}
#pageID_RECRUIT h4{
	font-size: 125%;
	font-weight: bold;
	text-align: left;
	margin: auto;
	width: 650px;
}
#pageID_RECRUIT dl#ceo{
	margin: 10px auto;
	width: 650px;
	text-align: left;
}
#pageID_RECRUIT dl#ceo dt{
	float: left;
	width: 300px;
	margin: 0px;
	padding: 0px;
}
#pageID_RECRUIT dl#ceo dd{
	float: left;
	width: 350px;
	padding: 0px 0px 25px;
	margin: 0px;
}
#pageID_RECRUIT p.text {
	margin: 15px auto;
	clear: both;
	width: 650px;
	text-align: left;
	padding: 0px;
}
#pageID_RECRUIT #fullcontainer dl{
	text-align: left;
	width:650px;
	margin:0 auto;
}
#pageID_RECRUIT #fullcontainer dl dt{
	float: left;
	width: 100px;
	padding: 5px 0px 10px;
	border-top: 1px solid #9A9FA5;
	text-align: center;
	background: url(../img/recruit/dt_bg.gif) repeat-x left top;
	color: #000000;
}
#pageID_RECRUIT #fullcontainer dl dd{
	float: left;
	width: 520px;
	padding: 5px 0px 10px 15px;
	border-top: 1px solid #9A9FA5;
	border-left: 1px dotted #A4A9AE;
}
#pageID_RECRUIT #fullcontainer dl dd ol{
	list-style: decimal outside;
	padding: 0px 0px 0px 20px;
}
#pageID_RECRUIT #fullcontainer dl dd ul{
	padding: 15px 0px 0px 20px;
	list-style: disc outside;
}
#pageID_RECRUIT #fullcontainer dl dd li{
	padding: 0px 0px 5px;
	margin: 0px;
}
#pageID_RECRUIT #fullcontainer p{
	clear: left;
	float: none;
	background: #9A9FA5;
	padding: 5px;
	margin: 0px auto 25px;
	width: 650px;
	text-align: center;
}
#pageID_RECRUIT #fullcontainer p a{
	color: #FFFFFF;
	font-size: 125%;
}

/************************************************************************************* NEWS Page
*************************************************************************************************/
#pageID_NEWS h2{
	background: url(../img/recruit/h2_bg.gif) repeat-x left top;
	height: 176px;
}
#pageID_NEWS h2 img{
	margin-top:6px;
}
#pageID_NEWS #l{
	padding: 20px 0px 0px;
	width: 650px;
}
#pageID_NEWS #l h3{
	padding: 0px 0px 6px 30px;
	font-size: 120%;
	border-bottom: 2px solid #FF3300;
	margin: 0px 20px 5px 5px;
	background: url(../img/news/icon.gif) no-repeat left center;
	line-height: 1em;
}
#pageID_NEWS #l .date{
	padding: 0px 25px;
	text-align: right;
	margin: 0px;
	color: #FF3300;
}
#pageID_NEWS #l .photo_l,
#pageID_NEWS #l .photo_r{
	padding: 20px 25px 35px 35px;
	clear: both;
}
#pageID_NEWS #l .photo_l img{
	float: left;
	margin: 7px 10px 10px 0px;
}
#pageID_NEWS #l .photo_r img{
	float: right;
	margin: 7px 0px 10px 10px;
}
#pageID_NEWS #r{
	padding: 0px 0px 15px;
	width: 250px;
	background: url(../img/news/r_bg.gif) no-repeat left bottom;
}

#pageID_NEWS #r h3{
	margin: 0px;
	padding: 25px 0px 0px;
	background: #FFFFFF;
}
#pageID_NEWS #r dl{
	padding: 15px 15px 0px;
	font-size: 10px;
	margin: 0px;
}
#pageID_NEWS #r dl dt{
	color: #FF3300;
	float: left;
	width: 65px;
	padding: 0px 0px 5px;
}
#pageID_NEWS #r dl dd{
	padding: 0px 0px 7px;
	float: left;
	width: 155px;
}

/********************************************************************************** SiteMap Page
*************************************************************************************************/
#sitemap{
	width: 650px;
	margin: 10px auto;
	text-align: left;
	line-height: 1.1em;
}
#sitemap dt{
	color: #FFFFFF;
	padding: 0px 0px 5px;
}
#sitemap dd{
	margin: 5px 0px 5px 10px;
	padding: 0px;
	float: left;
	width: 300px;
	border-right: 1px dotted #CCCCCC;
}
#sitemap dl{
}
#sitemap dl dt{
	background: #FFFFCC url(../img/company/sitemap_eye.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
}
#sitemap dl dd{
	padding: 0px 0px 15px 10px;
	float: none;
	border-right:none;
	width: 275px;
}
#sitemap dd dl{}
#sitemap dd dl dt{
	background: #F2D9D7 url(../img/company/sitemap_eye.gif) no-repeat left center;
	padding: 5px 5px 5px 15px;
	margin: 0px 10px 0px 0px;
}
#sitemap dd dl dd{0px 0px 0px 15px;}
#sitemap dd dl dd dl dt{background: url(../img/company/sitemap_eye1.gif) no-repeat left center;}
#sitemap dd dl dd dl dd{
	background: url(../img/company/sitemap_eye2.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 15px;
	float: none;
	border-right:none;
	width: 260px;
}
#sitemap dd ol{}
#sitemap dd ol li{
	padding: 0px 0px 0px 15px;
}
#sitemap dd dl dd ol{}
#sitemap dd dl dd ol li{
	background: url(../img/company/sitemap_eye2.gif) no-repeat left center;
	padding: 0px 0px 0px 15px;
}


.privacypolicy{
	margin: auto;
	width: 580px;
	text-align: left;
}
.privacypolicy li{
}
.privacypolicy ul{
	padding: 15px 0px 15px 35px;
}
.privacypolicy ul li{
	list-style: disc outside;
}