@charset "utf-8";

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

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

/*  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(images/knavi_dd1o.gif) no-repeat;}
body#oxy dl.knavi1 dd.kN02{ background: url(images/knavi_dd2o.gif) no-repeat;}
body#oxy dl.knavi1 dd.kN03{ background: url(images/knavi_dd3o.gif) no-repeat;}
body#oxy dl.knavi1 dd.kN04{ background: url(images/knavi_dd4o.gif) no-repeat;}
body#oxy dl.knavi2 dd.kN05{ background: url(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(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(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;	
}