@charset "utf-8";

/*page structure*/
* {padding:0;margin:0;}
* ul, ol,li {margin:0;padding:0;list-style:none;}
* a img,:link img,:visited img {border:none;}
* a {outline:none;border:none;color:#fff;text-decoration:none;}
* a, a:visited {color:#fff;text-decoration:none;}
* a:hover {color:#ff6666;text-decoration:none;}
* a:hover, a:active {outline:none;}
* img {border:none;vertical-align:top;}
.clear {clear:both;}
.right {float:right;margin-left:10px;}
.left {float:left;margin-right:10px;}

html{
	overflow-y:scroll;
}

html:first-child body{
	min-height:100%;
	padding-bottom:1px;
}

html, body {
	height:100%;
	width:100%;
	font: 13px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', Sans-Serif;
	*font-size:small;
	*font:x-small;
	color: #444;
	background:#eaeaea url(../images/bg.jpg) 0 0 repeat-x;
	line-height:140%;
	text-align:left;
}

/*フォントサイズ*/

.font8 {font-size:61%;}
.font9 {font-size:69%;}
.font10 {font-size:77%;line-height:120%;}
.font11 {font-size:85%;}
.font12 {font-size:93%;}
.font13 {font-size:100%;}
.font14 {font-size:108%;}
.font15 {font-size:116%;}
.font16 {font-size:123.1%;}
.font17 {font-size:131%;}
.font18 {font-size:138.5%;}
.font19 {font-size:146.5%;}
.font20 {font-size:153.9%;}


/*common*/

#container {
	margin:0px auto;
	width:960px;
	background:transparent;
}

#header {
	margin:0px;
	padding:17px 2px 7px 2px;
	width:956px;
	height:66px;
	background:transparent url(../images/header_base.jpg) 50% 0 no-repeat;
}

ul#header_area {
	width:956px;
	height:66px;
}

ul#header_area li {
	float:left;
}

li.osr_logo {
	width:326px;
	height:66px;
	margin-right:415px;
}

li.header_access {
	width:180px;
	height:66px;
}

#global_navi {
	margin:0px auto;
	width:960px;
	height:60px;
}

#navi {
	padding:0px 30px 20px 30px;
	background:transparent url(../images/navi_base.jpg) 50% 0 no-repeat;
	width:900px;
	height:40px;
}

#navi li.btn {
	float:left;
	width:180px;
	height:40px;
}

#pageContents {
	position:relative;
	padding:0px 50px 10px 40px;
	width:870px;
	min-height:582px;
	background:transparent url(../images/page_base.jpg) 0 0 repeat-y;
	z-index:2;
}

#footer {
	position:relative;
	width:900px;
	height:100px;
	padding:10px 30px;
	background:#eaeaea url(../images/footer_base.jpg) 0 0 no-repeat;
	z-index:1;
}

#footer_navi {
	width:880px;
	height:14px;
	padding:3px 10px;
	color:#fff;
	background-color:#6385CA;
}

*:first-child+html #footer_navi {padding-top:0px;height:20px;}

div.footer_access {
	margin-top:7px;
	margin-left:7px;
	width:306px;
	height:66px;
}

div.totop_btn {
	position:absolute;
	bottom:5px;
	left:827px;
	width:86px;
	height:26px;
}

/* clearfix*/

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{
	display: inline-block;
}

/* MacIE begin \*/
*+html .clearfix{height: 1%;}

* html .clearfix{height: 1%;}

.clearfix{display: block;}
/* Mac IE end */


/*index page*/

div#topImage_base {
	padding:0px 30px 20px;
	width:900px;
	height:240px;
	background:transparent url(../images/page_base.jpg) 0 0 repeat-y;
}

div#topImage {
	width: 900px;
	margin: 0px auto;
	position: relative;
	background:transparent url(../images/imagemenu_base.jpg) 0 0 no-repeat;
}

#column1 {
	width: 880px;
	padding: 10px;
	margin: 0px auto;
	background-color: transparent;
}


/* Feature Block*/

#feature_block { position: relative; width:880px; height:220px; }
#feature_block #news_area { float: left; line-height:0px; }
.news_area { padding:10px; background-color:#3366cc; height:200px; width:450px; }

#feature_block #right_column {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	width: 410px;
	height:220px;
	background: transparent url(../images/rightcolumn_base.jpg) 100% 0 no-repeat;
}

#feature_block #right_column h3 { color: #3366cc; margin: 10px 20px 10px 20px; font-size: 16px;}
#feature_block #right_column h4 { color: #3366cc; margin: 10px 20px 10px 20px; font-size: 16px;}
#feature_block #right_column #arrow { position: absolute; }
#feature_block #right_column #news_items { width: 370px; margin: 30px 20px; }
#feature_block #right_column #news_items li { margin: 10px 0 10px 0; height: 19px; }

#feature_block #right_column #news_items a {
	font-size: 85%;
	color: #aaa;
	outline: none;
	position: relative;
}

#feature_block #right_column #news_items a:hover { color: #3366cc; background: transparent;}
#feature_block #right_column #news_items a.selected { color: #3366cc; font-size: 123.1%; padding: 0px; font-weight:bold;}


div#information {
	float:left;
	width:295px;
	height:300px;
	background:#fff url(../images/dividor.jpg) 100% 0 no-repeat;
}

#info_btn {
	position:absolute;
	left:230px;
	top:0px;
	width:70px;
	height:24px;
}

ul#information01 {
	width:280px;
	height:100%;
	padding-top:25px;
	background:#fff url(../images/title_header01.jpg) 0 0 no-repeat;
}

li.date {
	background:#fff url(../images/arrow.jpg) 5px 5px no-repeat;
	padding:2px 0px 2px 20px;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}

li.text {
	padding:2px 0px 2px 20px;
	border-bottom:1px solid #eaeaea;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
}

div#topArea {
	float:right;
	width:560px;
	margin-bottom:40px;
}

h1.block01 {
	width:560px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header02.jpg) 0 0 no-repeat;
}

h1.block02 {
	width:560px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header03.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

/*corporate items*/

ul#corporateItems {
	position:absolute;
	left:40px;
	bottom:10px;
	width:180px;
	height:303px;
}

li.dl_btn {
	width:180px;
	height:66px;
	margin-bottom:10px;
}

li.iebs {
	width:180px;
	height:40px;
	margin-bottom:10px;
}

li.iso01 {
	width:180px;
	height:84px;
	margin-bottom:10px;
}

li.iso02 {
	width:180px;
	height:83px;
}


/*page navigation*/

div#pageNavi {
	float:left;
	width:195px;
	min-height:375px;
	background:#fff url(../images/dividor.jpg) 100% 0 no-repeat;
}

* html div#pageNavi {height:300px;}

div#floatMenu {
	position:absolute;
	top:0px;
	left:40px;
	z-index:10;
	background-color:#fff;
}

ul#pagenavi01 {
	height:80px;
	width:180px;
	margin-bottom:5px;
}

ul#pagenavi02 {
	height:60px;
	width:180px;
	margin-bottom:5px;
}

ul#pagenavi03 {
	height:120px;
	width:180px;
	margin-bottom:5px;
}

ul#pagenavi04 {
	height:100px;
	width:180px;
	margin-bottom:0px;
}

ul#pagenavi05 {
	height:80px;
	width:180px;
	margin-bottom:0px;
}

ul#pagenavi06 {
	height:180px;
	width:180px;
	margin-bottom:0px;
}

li.pagenavi {
	width:180px;
	height:20px;
}


/*page contents*/

div#mainArea {
	float:right;
	width:660px;
	padding-top:120px;
	margin-bottom:40px;
}


/*20091102added*/

#sample {
	width:560px;
	background:transparent url(../images/title_header21.jpg) 0 0 no-repeat;
	margin-top:20px;
	padding-top:34px;
}

#whitepage {
	margin:10px 0;
	padding:10px;
	background:#D2EBED;
	width:540px;
}

ul#whitepagelist {
	margin-bottom:5px;
}

ul#whitepagelist li {
	background:transparent url(../images/arrow02.gif) 0 4px no-repeat;
	padding-left:10px;
}

ul#sampleswf01 {
	background:#fff url(../images/arrow02.jpg) 50% 50% no-repeat;
	padding:5px;
	width:530px;
	height:60px;
}

ul#sampleswf01 li {
	float:left;
	margin:0 10px 0 0;
	width:260px;
	height:60px;
}

#mobile {
	padding:10px;
	background:#D2EBED;
	width:540px;
}

ul#mobilelist {
	margin-bottom:5px;
}

ul#mobilelist li {
	background:transparent url(../images/arrow02.gif) 0 4px no-repeat;
	padding-left:10px;
}

ul#sampleswf02 {
	background:#fff url(../images/arrow02.jpg) 50% 50% no-repeat;
	padding:5px;
	width:530px;
	height:60px;
}

ul#sampleswf02 li {
	float:left;
	margin:0 10px 0 0;
	width:260px;
	height:60px;
}

#autocallmerit {
	margin-top:20px;
	width:540px;
	padding:34px 10px 10px 10px;
	background:#FFECDA url(../images/title_header22.jpg) 0 0 no-repeat;
}

ul#meritlist li {
	background:transparent url(../images/arrow03.gif) 0 4px no-repeat;
	padding-left:10px;
}


/*page01*/

div.page01 {
	background:#fff url(../images/page_header01.jpg) 0 0 no-repeat;
}

ul#merit {
	width:660px;
	height:169px;
}

li.title {
	width:660px;
	height:24px;
	margin-top:0px;
}

li.item {
	width:660px;
	height:24px;
	margin-top:5px;
}

h1.scheme {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header05.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.flow {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header06.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}


/*page02*/

div.page02 {
	background:#fff url(../images/page_header02.jpg) 0 0 no-repeat;
}

h1.planning {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header07.jpg) 0 0 no-repeat;
	margin-top:0px;
	margin-bottom:10px;
}

h1.management {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header08.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}


/*page03*/

div.page03 {
	background:#fff url(../images/page_header03.jpg) 0 0 no-repeat;
}

h1.hybrid {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header09.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.autocall {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header10.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.validity {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header11.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.testcall {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header20.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.merit02 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header12.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

div#script {
	width:260px;
	height:60px;
	margin-top:20px;
	margin-left:280px;
}

/*page04*/

div.page04 {
	background:#fff url(../images/page_header04.jpg) 0 0 no-repeat;
}

h1.emergency {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header13.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.exchange {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header14.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.repair {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header15.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}


/*page05*/

div.page05 {
	background:#fff url(../images/page_header05.jpg) 0 0 no-repeat;
}

h1.case1 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header16.jpg) 0 0 no-repeat;
	margin-top:0px;
	margin-bottom:10px;
}

h1.case2 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header17.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.case3 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header18.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.case4 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/title_header19.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

div.case1Area {
	background:#fff url(../images/case01.jpg) 0 100% no-repeat;
	padding-left:330px;
	padding-bottom:180px;
	min-height:140px;
}

* html div.case1Area {padding-bottom:190px;}

div.case4Area {
	background:#fff url(../images/case04.jpg) 0 100% no-repeat;
	padding-left:120px;
	padding-bottom:40px;
	min-height:65px;
}

* html div.case4Area {padding-bottom:50px;}


/*page06*/

div.page06 {
	background:#fff url(../images/page_header06.jpg) 0 0 no-repeat;
}

h1.q01 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q01.jpg) 0 0 no-repeat;
	margin-top:0px;
	margin-bottom:10px;
}

h1.q02 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q02.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.q03 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q03.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.q04 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q04.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.q05 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q05.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.q06 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q06.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.q07 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q07.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}

h1.q08 {
	width:660px;
	height:24px;
	text-indent:-9999px;
	background:#fff url(../images/q08.jpg) 0 0 no-repeat;
	margin-top:20px;
	margin-bottom:10px;
}


/*hover effect*/

li.boss01 {
	background:#fff url(../images/navi.jpg) 0 100% no-repeat;
}

li.boss02 {
	background:#fff url(../images/navi01.jpg) 0 100% no-repeat;
}

li.boss03 {
	background:#fff url(../images/navi02.jpg) 0 100% no-repeat;
}

li.boss04 {
	background:#fff url(../images/navi03.jpg) 0 100% no-repeat;
}

a.navilink {
	display:block;
	width:180px;
	height:20px;
}