@charset "utf-8";

/* -----------------------------------------------------------------
Title: print.css
Created: 2010-04-14
Last Modified: 2010-04-14
------------------------------------------------------------------ */

/*　目次 
-----------------------------------------------------------------

#01-リセット
#02-基本タグの定義
#03-CSSハック

------------------------------------------------------------------ */

@import URL("reset.css");
@import URL("base.css");


/* -----------------------------------------------------------------

#02　基本タグの定義

------------------------------------------------------------------ */
body {
	color: #000000;
	background:none;
}

/* -----------------------------------------------------------------

#01　レイアウト

------------------------------------------------------------------ */

/*  wrapper
------------------------------------------------------------------ */
div#wrapper {
	background-color: #FFFFFF;
	width: 600px;
	height: auto;
	margin: 0px auto;
}

/*  conents
------------------------------------------------------------------ */
div#contents {
	width: 600px;
	height: auto;
	background:none;
	background-color:#FFFFFF;
}

/*  keyVisual
------------------------------------------------------------------ */
div#keyVisual {	
	width: 600px;
	height: 207px;
}

body#home div#keyVisual {	
	width: 600px;
	height: 20px;
	background:none;
}

/*  main
------------------------------------------------------------------ */
div#main {
	background-color:#FFFFFF;
}


/*  side
------------------------------------------------------------------ */
div#side {
	display:none;
}

/*  pagetop
------------------------------------------------------------------ */
div#pagetop {
	display:none;
}

/*  footer
------------------------------------------------------------------ */
div#footer {
	display:none;
}


/*  その他
------------------------------------------------------------------ */
.txtR {
	text-align: right;
}
.txtC {
	text-align: center;
}
.txtB {
	font-weight: bold;
}
.fR {
	float:right;
}
.fL {
	float:left;
}
.cLR {
	clear: both;
}


/*  home
------------------------------------------------------------------ */

body#home #main ul{
	height: 100px;
	width: 536px;

}

body#home #main ul li{	
	width: 140px;
	height: 100px;
	float: left;
	margin-right:35px;
}

body#home #main ul li a{
	display:block;	
	width: 124px;
	height: 58px;
	border: #C9C9C9 solid 1px;
	padding: 40px 0 0 14px;
	background: url(../../images/aboutlink.gif) no-repeat 7px 43px;
	font-size:10px;
}

body#home #main ul li a:hover{
	border: #EEEEEE solid 1px;	
}

body#home #main ul li.about01{	
	background:url(../../images/about01.jpg) no-repeat;
}
body#home #main ul li.about02{	
	background:url(../../images/about02.jpg) no-repeat;
}
body#home #main ul li.about03{	
	background:url(../../images/about03.jpg) no-repeat;
	margin-right:0px;
}

body#home #main div.boxL316{
	float:left;
	width:316px;
	height:auto;
}
body#home #main div.boxR190{
	float:right;
	width:190px;
	height:auto;
	margin-right:10px
}

/*  bisui
------------------------------------------------------------------ */
body#bisui #main h4{
	width:326px;
	height:auto;
	background:url(../../bisui/images/shizuku.gif) no-repeat left center;
	padding-left:12px;
	font-size:1.4em;
	color:#F783CD;
	font-weight:bold;
	margin-top:5px;	
}

div#main div.boxUra{
	float:right;
	width:162px;
	height:auto;
	padding:7px 10px 10px 10px;
	border:#F783CD 2px dotted;
}

/*  company
------------------------------------------------------------------ */

body#company table{
	width:536px;
	border:#CCC solid 1px;
	font-size:1.2em;
}

body#company table th{
	padding:5px;
	border:#CCC solid 1px;
	background-color:#CFE8FF;
	width:150px;
}
body#company table td{
	padding:5px;
	border:#CCC solid 1px;
}

/*  contact
------------------------------------------------------------------ */

body#contact #main table {
	width:536px;
	margin:0 auto;
}

body#contact #main table li{
	font-size:12px;
}

/*  faq
------------------------------------------------------------------ */

body#faq #main ul.faqList{
	width:536px;
	background:url(../../faq/images/bg.jpg) no-repeat 350px center;
}

body#faq #main ul.faqList li{
	width:306px;	
	margin-bottom:3px;
	margin-right:230px;
	border-bottom:#CCC 1px dotted;
}

body#faq #main ul.faqList li a{
	background:url(../images/navSubIco.gif) no-repeat left center;
	padding-left:15px;	
}

body#faq #main .faqSection{
	width:540px;
	padding:20px 30px 20px 30px;
	height: auto;
	clear: both;
	overflow:auto;
	border-bottom:#CCC 1px dotted;
}

body#faq #main h3{
	width:464px;
	background:url(../../faq/images/q.gif) no-repeat left center;
	padding-left:76px;
	font-size:1.4em;
	font-weight:bold;
}

body#faq #main p.answer{
	width:464px;
	background:url(../../faq/images/a.gif) no-repeat left 3px;
	padding-left:76px;
	margin-bottom:10px;
}

body#faq #main p.faqtop{
	width:540px;
	text-align:right;
}


/*  nagare
------------------------------------------------------------------ */

body#nagare #main h4{	
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
	margin-left:25px;
}

body#nagare #main .mSection p{
	width:475px;	
	margin-left:25px;
	padding:10px;
	margin-bottom:10px;
}

body#nagare #main .mSection p.kome{
	width:485px;	
	margin-left:25px;
	padding:0;
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:15px;
}

body#nagare #main .mSection p.shita{
	width:475px;	
	margin:20px 0px 0px 20px;
	padding:0px;
	text-align:center;
}

body#nagare div#main .mSection{
	width:536px;
	padding:20px 20px 0px 44px;
	height: auto;
	clear: both;
	overflow:auto;
}

body#nagare #main .mSection table{
	width:495px;	
	margin-left:25px;
	margin-bottom:10px;
	border:#CCC solid 1px;
}

body#nagare #main .mSection table td{
	padding:5px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:1.2em;
}

body#nagare #main .mSection table th{
	padding:5px;
	border-right:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	font-size:1.2em;	
	font-weight:bold;
	background-color:#EEEEEE;
}

body#nagare #main .mSection table th.tw15{
	width:15%;	
}

body#nagare #main .mSection table th.tw70{
	width:70%;	
}

body#nagare #main .mSection p.bgG{
	background-color:#EEEEEE;
}

/*  nomizua
------------------------------------------------------------------ */
body#nomizua div.fan{
	width:460px;
	height:auto;
	padding:25px;
	border:#199DB6 dotted 1px;
}

body#nomizua div.fan h3{
	text-align:center;	
}

body#nomizua div.fan ul li{
	background:url(../../nomizua/images/fanlist.gif) no-repeat left 12px;
	padding:5px 0px 5px 12px;
	border-bottom:#CCC dotted 1px;
}

/*  OxyNavi
------------------------------------------------------------------ */

body#oxy div#OxyNavi {	
	width: 600px;
	height: 29px;
	line-height: 29px;
	border-top:#CCC 1px solid;
	border-bottom:#CCC 1px solid;
	clear:left;
}

body#oxy div#OxyNavi ul li{
	padding:0px 15px 0 25px;
	height:29px;
	border-right:#CCC dotted 1px;
	float:left;
	background:url(../common/images/navSubIco.gif)  no-repeat 15px center;
	font-size:1.2em
}

body#oxy p.oxy_zu2{
	width:536px;
	margin-top:20px;	
}

body#oxy p.oxy_zu2 .zu3{	
	margin-left:6px;
}

body#oxy ul.wasabi{
	width:150px;
	font-size:1.1em;
	line-height:1.2;
}

body#oxy ul.wasabi li{
	margin-bottom:5px;
	color: #1D6BBF;
}

body#oxy ul.process{
	width:536px;
	font-size:1.1em;
	line-height:1.2;
}

body#oxy ul.process li{
	width:123px;
	float:left;
	margin-right:14px;
}

body#oxy ul.process li.proEnd{	
	margin-right:0px;
}

body#oxy ul.process li img{
	display:block;
	margin-bottom:5px;
}

body#oxy div.ppmimg{
	width:123px;
	height:auto;
	float:left;
}

body#oxy div.ppmp{
	width:393px;
	padding-left:20px;
	float:left;
}

body#oxy dl.knavi1{
	width:350px;
	height:auto;
	float:left;
}

body#oxy dl.knavi1 dt{
	width:340px;
	height:15px;
	margin-bottom:10px;
}

body#oxy dl.knavi1 dd{
	width:75px;
	height:94px;
	float:left;
	padding-right:10px;	
}

body#oxy dl.knavi2{
	width:150px;
	height:auto;
	float:right;
}

body#oxy dl.knavi2 dt{
	width:150px;
	height:15px;
	margin-bottom:10px;
}

body#oxy dl.knavi2 dd{
	width:75px;
	height:94px;
	float:left;
	margin-right:10px;
}

body#oxy dl.knavi1 dd a,
body#oxy dl.knavi2 dd a{
	display:block;
	width:75px;
	height:94px;
}

body#oxy dl.knavi1 dd.kN01{ background: url(../../oxy/images/knavi_dd1o.gif) no-repeat;}
body#oxy dl.knavi1 dd.kN02{ background: url(../../oxy/images/knavi_dd2o.gif) no-repeat;}
body#oxy dl.knavi1 dd.kN03{ background: url(../../oxy/images/knavi_dd3o.gif) no-repeat;}
body#oxy dl.knavi1 dd.kN04{ background: url(../../oxy/images/knavi_dd4o.gif) no-repeat;}
body#oxy dl.knavi2 dd.kN05{ background: url(../../oxy/images/knavi_dd5o.gif) no-repeat;}

body#oxy dl.knavi1 dd a:hover,
body#oxy dl.knavi2 dd a:hover{
	background: none;	
}

body#oxy dl.knavi1 dd a:hover img,
body#oxy dl.knavi2 dd a:hover img{
	width:0px;
	height:0px;
}

body#oxy #main h3.koukaL{
	float:left;
	width:90px;
	height:auto;
	margin:0;
}
body#oxy #main div.koukaR{
	float:right;
	width:426px;
	height:auto;
}

body#oxy #main div.koukaR li{
	width:414px;
	height:auto;
	background:url(../../oxy/images/shizuku_p.gif) no-repeat left 0.4em;
	padding-left:12px;
	font-size:1.1em;	
	font-weight:bold;
	margin-bottom:5px;	
}

body#oxy #main div.koukaR li.or{	
	background:url(../../oxy/images/shizuku_o.gif) no-repeat left 0.4em;
}

body#oxy #main div.koukaBtmL{
	float:left;
	width:420px;
	height:auto;
	padding:20px 0 20px 20px;
}

body#oxy #main div.koukaBtmR{
	float:right;
	width:150px;
	height:auto;
	padding:0 0 20px 10px;
}

body#oxy #main div.koukaBtmL h4{
	margin-bottom:5px;
	font-size:1.4em;
	font-weight:bold;
}

body#oxy #main .zSection{
	width:536px;
	padding:20px 20px 0px 44px;
	height: auto;
	clear: both;
	overflow:auto;
}

body#oxy #main .zSection2{
	width:536px;
	padding:0px 20px 0px 44px;
	height: auto;
	clear: both;
	overflow:auto;
}

body#oxy #main div.zBox{
	width:100px;
	float:left;
	margin:4px;
	padding:8px;
	border:#EEEEEE solid 1px;
    min-height: 240px;  
    height: auto !important;  
    height: 240px;  	
}

body#oxy #main div.zBox a:hover{
	opacity: 0.5;	
}

body#oxy #main div.zBox a:hover img{	
	filter: alpha(opacity=50);
}

body#oxy #main div.zBox dl{
	font-size:1.0em;
}

body#oxy #main div.zBox dt{
	font-weight:bold;
	color:#1D6BBF;
}

body#oxy #main div.ostopBox{
	width:248px;
	float:left;
	padding:0 10px;
}

body#oxy #main div.ostopBox h3{
	margin-bottom:5px;
}

body#oxy #main div.osL{
	float:left;
	width:209px;
	height:auto;	
}
body#oxy #main div.osR,
body#oxy #main div.osRs5{
	float:right;
	width:327px;
	height:auto;
}

body#oxy #main div.osR dl dt{
	color:#1D6BBF;
}

body#oxy #main div.osR p.osimgBox{
	text-align:center;
	width:327px;
	height:105px;
	margin-top:20px;
}

body#oxy #main div.osR p.osimgBox img{
	margin:0px 20px;
}

body#oxy #main div.osRs5 h3{
	margin-bottom:5px;	
}

body#oxy #main div.osRs5 p{
	margin-bottom:10px;	
}

/*  premium
------------------------------------------------------------------ */
body#premium div#main div.prboxL{
	float:left;
	width:280px;
	height:auto;
}
body#premium div#main div.prboxR{
	float:right;
	width:236px;
	height:auto;	
}

/*  recrit
------------------------------------------------------------------ */
body#recruit #main table{
	width:536px;	
	margin-bottom:10px;
	border:#CCC solid 1px;
}

body#recruit #main table th{
	width:120px;
	background-color:#EEEEEE;
	border-bottom:#CCC solid 1px;
	border-right:#CCC solid 1px;	
	padding:5px;
	font-size:1.2em;
	vertical-align:top;
}

body#recruit #main table td{	
	border-bottom:#CCC solid 1px;
	padding:5px;
}

body#recruit #main div.boxLrec{
	width:239px;
	height:auto;
	float:left;	
}

body#recruit #main div.boxRrec{
	width:282px;
	height:auto;
	float:right;
}

body#recruit #main div.recPt{
	width:546px;
	padding:20px 0px 20px 44px;
	height: auto;
	clear: both;
	overflow:auto;
}

body#recruit #main div.recPt img{
	margin:0px 10px;
}