/* charset */
@charset "utf-8";

/* Reset CSS */
* {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,th{
	color:#004FA2;	
	font-size:12px;
	font-weight:normal;
	letter-spacing: 0.1em;
	margin: 0;
	padding: 0;
}
h1{
	font-size:9px;
	line-height:normal;
	font-weight:normal;
}


.title{
	color: #003366;	
	font-size:15px;
	font-weight:bolder;
	margin-bottom: 7px;
	padding-left: 17px;
	letter-spacing:0.1em;
	background:url(../images/title.gif) no-repeat left
}


a, img { border : 0px; }

br { letter-spacing: 0; }

p,ul,dt,dd,dl{ line-height: 200%; }

.boader{
	padding-top: 9px;
	margin-top: 9px;
	line-height: 1.5em;
	solid: #ffffff;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #a1a5a9;/*margin-bottom:5px;*/
}

/* FireFoxでスクロールバーを常時表示  */
html {
	overflow-y:scroll;
}

a:link {
	color:#004FA2;	
	text-decoration:none;
}

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

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

a:active {
	color:#004FA2;	
	text-decoration:none;
}

img {
	border-width:0px;
	text-decoration: none;
}

/* Sticky footer & Layout */
html, body {
	height: 100%;
	letter-spacing: 0.05em;
	line-height: 1.5em;
}

#container {
	min-height: 100%;
	margin:0px auto -84px auto;
	width: 800px;
	padding: 0px;
	height: auto !important;
	height: 100%;
	background: url(../images/back.gif) repeat-y top center;
}

* html #container { /* for IE6 and below */
	height: 100%;
}

#contents-footer {
	height: 84px;
}

ul#list{
font-size:12px;
margin-left:25px;
list-style-image: url(../images/yajirushi9.gif);
}
ul#list_b{
font-size:14px;
margin-left:20px;
list-style-image: url(../images/yajirushi17.gif);
}
li#listText{
	font-size:12px;
	line-height:200%;
	font-weight:normal;
	margin:5px 5px 5px 0px;
}
li#listTextB{
	font-size:14px;
	line-height:200%;
	font-weight:normal;
	margin:5px 5px 5px 0px;
}
/* Others */
body {
	color: #555555;
	font-family: Verdana,"Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	margin: 0px;
	padding:0px;
	background:	url(../images/background.gif) no-repeat center top;
}

/* header */
#header{
	width: 800px;
	height: 110px;
	background:url(../images/header.gif) no-repeat center top;
}

#headerTitle{
	width: 790px;
	height: 13px;
	margin: 0px 0px 0px 0px;
	text-align:right;
	padding-right:10px;
}

#headerLogo{
	width: 200px;
	height: 87px;
	margin: 0px 0px 0px 20px;
	background: url('../images/oxy_logo.gif') no-repeat left top;
	position: relative;
}

/* flash */
#flash{
	width: 800px;
	height: 290px;
}

/* pan */
#pan{
	font-size:9px;
	line-height:1em;
	width: 776px;
	height: 10px;
	padding:5px 0px 5px 24px;
	text-align:left;
}


.upTop{
font-size:11px;
	width:540px;
	height:30px;
	text-align:right;
	padding:5px 5px 2px 5px;
}


/* menu */
#menu{
	width: 196px;
	background: url(../images/menu_middle.gif) repeat-y top;
	float:left;
}
#menuTop{
	width: 196px;
	height: 10px;
	background: url(../images/menu_top.gif) no-repeat top;
}
#menuBottom{
	width: 196px;
	height: 10px;
	background: url(../images/menu_bottom.gif) no-repeat bottom;
}
#menuButton{
	width: 162px;
	padding: 0px 10px 0px 24px;
}
#menuAtention{
	width: 196px;
	background: url(../images/menu_atention.gif) no-repeat top;
}
#menuAtentionText{
	font-size:9px;
	line-height:1.4em;
	letter-spacing:-0.05em;
	width: 136px;
	height: 80px;
	padding: 60px 23px 19px 37px;
}
#menuBanner{
	width: 162px;
	padding: 0px 10px 0px 24px;
}

/* topics */
#contentsTopics{
	width:368px;
	padding:0px 20px 0px 20px;
	float:left;
}
.topicsTitle{
	color:#004FA2;	
	font-size:15px;
	font-weight:normal;
	margin-bottom: 0px;
	letter-spacing:0.1em;
}
.topicsCate{
	color: #999999;	
	font-size:9px;
	font-weight:normal;
	margin-bottom: 0px;
	letter-spacing:0.1em;
}


#topicsW{
	width: 162px;
	margin: 0px 24px 30px 10px;
	background:url(../images/topics_w_middle.gif) repeat-y;
}
#topicsWBottom{
	height:10px;
	width: 162px;
	background:url(../images/topics_w_bottom.gif) no-repeat bottom;
}
#topicsBack{
	width: 348px;
	padding:10px 10px 10px 10px;
	background:url(../images/topics_back.gif) no-repeat bottom left;
}

#topicsMenu{
	width: 196px;
	background: url(../images/topics_menu_middle.gif) repeat-y top;
	float:left;
}
#topicsMenuTop{
	width: 196px;
	height: 10px;
	background: url(../images/topics_menu_top.gif) no-repeat top;
}
#topicsMenuButton1{
	height:31px;
	width: 162px;
	padding: 0px;
	background:url(../images/topics_menu_1.gif) no-repeat top;
}
#topicsMenuButton2{
	height:30px;
	width: 162px;
	padding: 0px;
	background:url(../images/topics_menu_2.gif) no-repeat top;
}
#topicsMenuButton3{
	height:30px;
	width: 162px;
	padding: 0px;
	background:url(../images/topics_menu_3.gif) no-repeat top;
}
.topicsMenuButtonText{
	color:#FFFFFF;
	height:17px;
	width:122px;
	padding:8px 20px 5px 20px;
}
ul#topicslist{
font-size:9px;
margin-left:25px;
list-style-image: url(../images/yajirushi9.gif);
}
li#topicsText{
	font-size:9px;
	line-height:normal;
	font-weight:normal;
	margin:5px 5px 5px 0px;
}



/* contents */
#contents{
	width:560px;
	padding:0px 24px 0px 20px;
	float:left;
}

#flag560{
	width:450px;
	height:20px;
	padding-left:110px;
}
#flag560-l{
	color:#CC0000;
	text-align:right;
	width:400px;
	height:20px;
	padding-left:160px;
}
#box560{
	width:560px;
}
#box280{
	width:280px;
	float:left;
	text-align:center;
}
#flag368{
	width:252px;
	height:20px;
	padding-left:110px;
}
#flag368-l{
font-size:9px;
	color:#CC0000;
	text-align:right;
	width:202px;
	height:20px;
	padding-left:160px;
}
#box368{
	width:368px;
	overflow: hidden;
}
#flag310{
	width:200px;
	height:20px;
	padding-left:110px;
}
#box310{
	width:310px;
	float:left;
}
#flag230{
	width:120px;
	height:20px;
	padding-left:110px;
}
#box230{
	width:230px;
	float:right;
}

.flagAbout{background: url(../images/flag_about.gif) no-repeat top;}
.flagTopics{background: url(../images/flag_topics.gif) no-repeat top;}
.flagTopics368{background: url(../images/topics_top.gif) no-repeat top left;}
.flagMovie{background: url(../images/flag_movie.gif) no-repeat top;}
.flagLineup{background: url(../images/flag_lineup.gif) no-repeat top;}
.flagCompany560{background: url(../images/flag_company560.gif) no-repeat top;}
.flagAbout560{background: url(../images/flag_about560.gif) no-repeat top;}
.flagDifferences560{background: url(../images/flag_differences560.gif) no-repeat top;}
.flagEffects560{background: url(../images/flag_effects560.gif) no-repeat top;}
.flagContact560{background: url(../images/flag_contact560.gif) no-repeat top;}
.flagLineup560{background: url(../images/flag_lineup560.gif) no-repeat top;}



#about1{
	width:560px;
	height:50px;
	background: url(../images/flag_about_1.gif) no-repeat top;
	text-indent:-999px;
}
#about2{
	width:560px;
	height:50px;
	background: url(../images/flag_about_2.gif) no-repeat top;
	text-indent:-999px;
}

#topics1{
	width:310px;
	height:35px;
	margin-top:4px;
	background: url(../images/flag_topics_1.gif) no-repeat top;
}

#topics1_top{
	color:#CC0000;
	font-size:9px;
	width:290px;
	height:7px;
	padding:3px 10px 0px 10px;
}
#topics1_bottom{
	font-size:11px;
	width:290px;
	height:15px;
	padding:8px 10px 2px 10px;
}

#differences1{
	width:560px;
	height:50px;
	background: url(../images/flag_differences_1.gif) no-repeat top;
	text-indent:-999px;
}
#effects1{
	width:560px;
	height:50px;
	background: url(../images/flag_effects_1.gif) no-repeat top;
	text-indent:-999px;
}

#company1_left{
	color:#004FA2;
	width:110px;
	letter-spacing:0.2em;
	padding: 7px 20px 15px 20px;
	float:left;
}
#company1_right{
	width:390px;
	padding: 7px 0px 15px 0px;
	float:left;
}
#contact1{
	width:560px;
	height:50px;
	background: url(../images/flag_contact_1.gif) no-repeat top;
	text-indent:-999px;
}
#lineup1{
	width:560px;
	height:50px;
	background: url(../images/flag_lineup_1.gif) no-repeat top;
	text-indent:-999px;
}


#OasisO2home{
	width:550px;
	height:45px;
	background: url(../images/OasisO2home.gif) no-repeat top;
	text-indent:-999px;
}
#OasisO2smile{
	width:550px;
	height:45px;
	background: url(../images/OasisO2smile.gif) no-repeat top;
	text-indent:-999px;
}
#OasisO2normal{
	width:550px;
	height:45px;
	background: url(../images/OasisO2normal.gif) no-repeat top;
	text-indent:-999px;
}
#OasisO2pro{
	width:550px;
	height:45px;
	background: url(../images/OasisO2pro.gif) no-repeat top;
	text-indent:-999px;
}


.redBox{
	color:#CC0000;
	line-height: 1.8em;;
	margin-top:5px;
	text-align:center;
	padding:5px 0px 5px 0px;
	border-color: #CC0000;
	border-style: solid;
	border-width:1px 1px 1px 1px;
}



/* footer */
#footer{
	font-size: 9px;
	width: 800px;
	height: 64px;
	background: url(../images/footer.gif) no-repeat bottom left;
	margin: 20px auto 0px auto;
	line-height: normal;
}
#footerText{
	width:785px;
	height:14px;	
	padding: 50px 0px 0px 15px;
}


/* テーブル「table480F」上下左右、左150px */
#table550F{
width:547px;
border-color:#CCCCCC;
}
.tableTopLeftLine480F{
border-color:#CCCCCC;
width:127px;
border-style:solid;
border-width:1px 0px 0px 1px;
padding:5px 10px 5px 10px ;
text-align:center;
}
.tableTopLeftRightLine480F{
border-color:#CCCCCC;
width:380px;
border-style:solid;
border-width:1px 1px 0px 1px;
padding:5px 10px 5px 10px ;
text-align:left;
}
.tableTopLeftUnderLine480F{
border-color:#CCCCCC;
width:127px;
border-style:solid;
border-width:1px 0px 1px 1px;
padding:5px 10px 5px 10px ;
text-align:center;
}
.tableAllLine480F{
border-color:#CCCCCC;
width:380px;
border-style:solid;
border-width:1px 1px 1px 1px;
padding:5px 10px 5px 10px ;
text-align:left;
}
/* テーブル「table480F」 */



/* etc */
.rr { text-align: right; }
.center-layout { margin: 0px auto; text-align: center;}
.right-layout { margin: 0px auto; text-align: right; }
.font-s{ color:#666666;font-size:9px}
.font-white-s{ color:#FFFFFF;font-size:9px; line-height:normal}
.font-orange-1 { color: #FF9900; }
.font-gray-1 { color: #999999; }
.font-red { color: #CC0000; }
.no-list { margin: 30px auto; }
.clear { clear: both; }
.m-top-30 { margin-top: 30px !important; }
.m-top-20 { margin-top: 20px !important; }
.m-top-10 { margin-top: 10px !important; }
.m-top-5 { margin-top: 5px !important; }
.m-right-10 { margin-right: 10px !important; }
.m-right-20 { margin-right: 20px !important; }
.m-right-11 { margin-right: 11px; !important; }
.m-bottom-10 { margin-bottom: 10px !important; }
.m-bottom-20 { margin-bottom: 20px !important; }
.m-bottom-50 { margin-bottom: 50px !important; }
.float-left { float:left; }
.w-96-p { width: 96%; }
.line-h-1 {line-height: 1.0em;}
.line-h-12 {line-height: 1.2em;}
.line-h-3 { line-height: 3.0em; }
.text_padding{padding:0px 5px 0px 5px;}