/* ----------------------------------------------------------------
		general setting 
------------------------------------------------------------------*/
body { margin:0; padding:0; font-family: Arial, "qMmpS Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "lr oSVbN", "Meiryo", sans-serif; font-size:12px; background:url(/image/bg_background.gif); }
hr { color:#CCC; height:1px; }
div{ margin:0; padding:0; color:666; font-weight:normal; }
class{ margin:0; padding:0; color:666; font-weight:normal; }
ul{ margin:0; padding:0; color:666; font-weight:normal; }
li{ margin:0; padding:0; color:666; font-weight:normal; }
h1{ margin:0; padding:0; color:666; font-weight:normal; }
h2{ margin:0; padding:0; color:666; font-weight:normal; }
h3{ margin:0; padding:0; color:666; font-weight:normal; }
h4 { margin:0; padding:0; color:666; font-weight:normal; }
img { margin:0; padding:0; border:none; }
form { margin:0; padding:0; }
a { color:#1941A5; font-weight:normal; text-decoration:none; }
a:hover { color:#063189; text-decoration:underline; }
ul { margin:0; padding:0; list-style:none; }
li { margin:0; padding:0; }
p { margin:5px 0px; font-size:1.0em; color:#686868; line-height:140%; }
span.bold { font-weight:bold; }
span.small{ font-size:0.9em; }
span.red { color:#FF0000; }
span.blue { color:#000099; }
span.pink { color:#FC7C58; }
span.orange { color:#FF9900; }
span.green { color:#669900; }

img.forPrint { display:none; }
/* ----------------------------------------------------------------
		header
------------------------------------------------------------------*/
#header { background:url(/image/header_bg.jpg) repeat-x; }
#headerMain { margin:0 auto; height:207px; width:830px; background:url(/image/header_main.jpg); }
#headerMain h1 { margin-left:53px; width:174px; text-indent:-9999px; }
#headerMain h1 a { height:118px; width:174px; display:block; }
#headerMain p { height:10px; text-indent:-9999px; }
/* ----------------------------------------------------------------
		menu
------------------------------------------------------------------*/
#menu { height:73px; background:url(/image/menu_bg.jpg); }
#menuMain { margin:0 auto; width:800px; }
#menuMain ul { height:73px; }
#menuMain ul li { text-indent:-9999px; float:left; }
#menuMain ul li a { height:73px; width:100px; display:block; background:url(/image/menu2.jpg); }
#menuMain ul li#top a { background-position:0 0; }
#menuMain ul li#company a { background-position:-100px 0; }
#menuMain ul li#about a { background-position:-200px 0; }
#menuMain ul li#item a { background-position:-300px 0; }
#menuMain ul li#price a { background-position:-400px 0; }
#menuMain ul li#question a { background-position:-500px 0; }
#menuMain ul li#job a { background-position:-600px 0; }
#menuMain ul li#contact a { background-position:-700px 0; }
#menuMain ul li#top a:hover { background-position:0 -80px; }
#menuMain ul li#company a:hover { background-position:-100px -80px; }
#menuMain ul li#about a:hover { background-position:-200px -80px; }
#menuMain ul li#item a:hover { background-position:-300px -80px; }
#menuMain ul li#price a:hover { background-position:-400px -80px; }
#menuMain ul li#question a:hover { background-position:-500px -80px; }
#menuMain ul li#job a:hover { background-position:-600px -80px; }
#menuMain ul li#contact a:hover { background-position:-700px -80px; }
#menuUnder {  height:9px; background:url(/image/menu_under_bg.jpg); }
#menuUnderMain { margin:0 auto; height:9px; background:url(/image/menu_under_main.jpg) no-repeat; background-position:center; }
/* ----------------------------------------------------------------
		container
------------------------------------------------------------------*/
#container { margin:0 auto; background:url(/image/content_bg.jpg) center repeat-y; }
#contentMain { margin:0 auto; padding-top:10px; width:800px; }
#contentLeft { margin-left:18px; width:218px; float:left; }

#contentLeft #sideNavi { }
#contentLeft #sideNavi ul { height:180px; width:219px; }
#contentLeft #sideNavi ul li a { text-indent:-9999px; }
#contentLeft #sideNavi ul li#sideNaviFlow a { height:60px; width:219px; display:block; background:url(/image/side_navi.jpg); }
#contentLeft #sideNavi ul li#sideNaviBenefit a { height:60px; width:219px; display:block; background:url(/image/side_navi.jpg) 0 -60px; }
#contentLeft #sideNavi ul li#sideNaviPoint a { height:60px; width:219px; display:block; background:url(/image/side_navi.jpg) 0 -120px;}
#contentLeft #sideNavi ul li#sideNaviOndemand a { height:60px; width:219px; display:block; background:url(/image/btn_ondemand.jpg) no-repeat; }
#contentLeft #sideNavi ul li#sideNaviBenefit a:hover { background-position:-218px -60px; }
#contentLeft #sideNavi ul li#sideNaviFlow a:hover { background-position:-218px 0; }
#contentLeft #sideNavi ul li#sideNaviPoint a:hover { background-position:-218px -120px; }

#contentLeft #newsMain { margin-top:10px; width:216px; border:1px solid #ccc; }
#contentLeft #newsMain ul { padding-top:5px; }
#contentLeft #newsMain ul li { margin:0px 3px 10px 3px; padding-left:14px; color:#1941A5; background:url(/news/image/list_cr.jpg) no-repeat 0 2px; }
#contentLeft #newsMain ul li p { margin:0; padding:0; color:#1941A5;}
#contentLeft #newsMain ul li a p { margin:0; padding:0; color:#1941A5; }
#contentLeft #newsMain ul li a:hover p { color:#063189; text-decoration:underline; }
#contentLeft #newsMain #btnNews { margin-left:5px; height:40px; color:#1941A5; }
#contentLeft #newsMain #btnNews a { height:40px; width:208px; display:block; text-indent:-9999px; background:url(/image/btn_all_news.jpg); }
#contentLeft #newsMain #btnNews a:hover { background-position:0 -40px; }
#contentLeft #companyMain { position:relative; }
#contentLeft #companyMain p { margin-left:5px; }
#btnMap { margin-left:5px; margin-bottom:10px; width:83px height:42px; }
#btnMap a { width:83px; height:21px; display:block; text-indent:-9999px; background:url(../image/btn_map.jpg); }
#btnMap a:hover { background-position:0 -21px; }
#contentLeft #companyMain #soyMark { position:absolute; top:70px; left:120px; }
#contentRight { margin-right:18px; width:528px; float:right; }
#contentRight p#underConstraction { margin:10px 0; text-align:center; }
.contents { margin:0 0 10px 0; padding:0; }
.contents .line { margin-bottom:10px; height:3px; background:url(/image/line.gif) repeat-x; text-indent:-9999px; }
.contents .line2 { margin-bottom:3px; height:3px; text-indent:-9999px; border-top:1px solid #999; }
.contents img.pic { padding:5px; border:1px solid #ccc; }
.contents .btnTop { margin:10px 0; padding-left:465px; }
.contents .btnTop a { height:25px; width:59px; text-indent:-9999px; display:block; background:url(/image/btn_top.jpg); }
.contents .btnTop a:hover { background-position:0 -25px; }
.contents img.title { margin:0 0 10px 0; }
.contents ul#itemList { margin-left:20px; padding-left:5px; background:url(/image/item_bg.gif) no-repeat 5px 0; }
.contents ul#itemList li { padding:0 25px 24px 0; float:left; }
.contents ul#itemList li a { height:100px; width:100px; display:block; text-indent:-9999px; }
.contents ul#itemList li#item1 a { background:url(/image/item1.jpg); }
.contents ul#itemList li#item2 a { background:url(/image/item2.jpg); }
.contents ul#itemList li#item3 a { background:url(/image/item3.jpg); }
.contents ul#itemList li#item4 a { background:url(/image/item4.jpg); }
.contents ul#itemList li#item5 a { background:url(/image/item5.jpg); }
.contents ul#itemList li#item6 a { background:url(/image/item6.jpg); }
.contents ul#itemList li#item7 a { background:url(/image/item7.jpg); }
.contents ul#itemList li#item8 a { background:url(/image/item8.jpg); }
.contents ul#itemList li#item9 a { background:url(/image/item9.jpg); }
.contents ul#itemList li#item10 a { background:url(/image/item10.jpg); }
.contents ul#itemList li#item11 a { background:url(/image/item11.jpg); }
.contents ul#itemList li#item12 a { background:url(/image/item12.jpg); }
.contents ul#itemList li#item1 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item2 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item3 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item4 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item5 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item6 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item7 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item8 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item9 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item10 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item11 a:hover { background-position:0 -100px; }
.contents ul#itemList li#item12 a:hover { background-position:0 -100px; }

/* ----------------------------------------------------------------
		each page
------------------------------------------------------------------*/
#sideMenu { background:url(/image/side_bg.gif) repeat-y; }
#sideMenu ul { }
#sideMenu ul li { margin:0 5px; }
#sideMenu ul li a { margin:0; width:201px; padding:10px 0 10px 7px; display:block; background:url(/image/line.gif) repeat-x 0 33px; color:#000; }
#sideMenu ul li.last a { background:none; }
#sideMenu ul li a:hover { background-color:#E8E8E8; }
#sideMenu ul li.btnHover a { background-color:#E8E8E8; }
#sideMenuEnd { margin-bottom:10px; width:218px; height:12px; background:url(/image/side_under.gif) repeat-y; }

/* ----------------------------------------------------------------
		footer
------------------------------------------------------------------*/
#footer { background:url(/image/footer_bg.jpg); }
#footerMain { margin:0 auto; padding:5px 0 0 0; height:127px; width:820px; background:url(/image/footer_main_bg.jpg); text-align:center; color:#fff; }
#footerMain a { font-size:10px; color:#fff; }
#footerMain a:hover { color:#ccc; }
#footerMain p { color:#000; }

/* ----------------------------------------------------------------
		clearFix 
------------------------------------------------------------------*/
.clearFix:after { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix:before { content:"."; display:block; height: 0; clear:both; visibility:hidden; }
.clearFix { display:inline-block; }
/* Hides from IE-mac \*/
*html.clearFix { height: 1%; }
.clearFix {display:block; }
/* End hide from IE-mac */