@charset "utf-8";

/****************************************
01 page style
02 default style
****************************************/

/****************************************
01 page style
****************************************/

body.otokuindex #contents {
width: 753px;
float: none;
margin: 0 auto 0 auto;
padding: 0;
text-align: center;
}

body.otoku #otokumain{
width: 753px;
float: none;
margin: 0 auto 0 auto;
padding: 0;
}

body.otoku #contents{
float: left;
width: 561px;
text-align: left;
}


/****************************************
02 index page
****************************************/


/* otoku top page 100708 */


#contents-top {
	width: 960px;
	margin: 0 auto;
}


#contents-top #logo {
	text-align: left;
padding:14px 0 20px 0;
}



#widthFix_top {width:966px; margin:0 auto;}
div.widthFix_top {width:966px; margin:0 auto;}


#mainContentsArea .otokuDeImg {
	position: relative;
	z-index: 0;
	line-height: 0;
	height: 198px;
	overflow: hidden;
}
#mainContentsArea .otokuDeText {
	position: relative;
	display: block;
	bottom: 33px;
	bottom: 36px\9;
	left: 130px;
	font-size: 14px;
	color: #2744A5;
	font-weight: bold;
	z-index: 100;
	line-height: 1.2;
}
#mainContentsArea .otokuDeImg a:hover  {
	text-decoration: none !important;
}

/* otoku top main visual */

div#main_visual {
	margin: 0;
	padding-bottom: 17px;
}

div#main_visual_inner {
	width: 964px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}
div#main_visual_inner.lp {
	position: relative;
}
div#main_visual_inner.lp p.btn_inquiry {
	position: absolute;
	bottom: 30px;
	right: 34px;
}

div#main_visual_inner img.title_for_biz {
	margin: 20px 0 15px 3px;
	padding: 0;
}


.lpNav .inner {
	width: 960px;
	margin: 0 auto 0 auto;
	padding: 12px 0 12px 0;
	background: #acc2d8;
}
.lpNav .inner ul {
	margin-left: 8px;
	overflow: hidden;
}
.lpNav .inner ul li {
	float: left;
}
.lpNav .inner ul li img {
	vertical-align: bottom;
}

.btmNav {
	width: 966px;
	margin: 0 auto;
	padding-bottom: 20px;
	background: url(/shared/img/footer_new/footer_borderline.gif) left bottom repeat-x;
}

ul.gnav {
	width: 966px;
	padding: 0 0 20px 0;
	text-align: left;
	overflow: hidden;
}
ul.gnav li {
	float: left;
}
ul.gnav li.consumer {
	padding-left: 4px;
}

div#main_visual_inner h1 {
	margin: 0 0 0 2px;
	padding: 0;
}

div#main_visual_inner .aboutArea {
	width: 966px;
	margin-top: 30px;
	overflow: hidden;
}
div#main_visual_inner .aboutArea h2 {
	margin-bottom: 14px;
}
div#main_visual_inner .aboutArea .lft {
	float: left;
	width: 610px;
	padding-left: 16px;
}
div#main_visual_inner .aboutArea .lft ul {
	width: 598px;
	margin-top: 10px;
	padding: 6px;
	background: #acc2d8;
}
div#main_visual_inner .aboutArea .lft ul li img {
	vertical-align: bottom;
}
div#main_visual_inner .aboutArea .lft p {
	font-size: 14px;
	line-height: 1.8;
	font-weight: bold;
	color: #333333;
}
div#main_visual_inner .aboutArea .lft p span {
	color: #003399;
}
div#main_visual_inner .aboutArea .inquiry {
	position: relative;
	float: right;
	width: 339px;
}
div#main_visual_inner .aboutArea .inquiry p.btn {
	position: absolute;
	top:184px;
	left: 46px;
}


.main_visual_tokucho {
	width: 966px;
	height: 184px;
	margin: 0 auto;
	padding: 0;
}

.main_visual_tokucho img {
	display: block;
}

.main_visual_inqreq {
	position: relative;
	width: 966px;
	height: 146px;
	margin: 0 auto;
}

.main_visual_inqreq ul{
	list-style: none;
	height: 54px
	display: block;
	position: absolute;
	top: 59px;
	left: 50px;
	margin: 0;
	padding: 0;
	clear: both;
}

.main_visual_inqreq ul li{
	height: 80px
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.main_visual_inqreq ul li.ins, .bottom_inqreq ul li.ins {background: url(/otoku/img/btn_ins_on.gif) no-repeat top left;}
.main_visual_inqreq ul li.inq, .bottom_inqreq ul li.inq {background: url(/otoku/img/btn_inq_on.gif) no-repeat top left;}
.main_visual_inqreq ul li.req, .bottom_inqreq ul li.req {background: url(/otoku/img/btn_req_on.gif) no-repeat top left;}

div#information {
	width: 960px;
	margin: 20px auto 10px;
	padding: 0;
	text-align: left;
}
div#information ul.default_ul {
	list-style:none outside none;
	margin:15px 0 0;
	padding-left:1.5em;
	text-decoration:none;
	width:930px;
}
div#information ul.default_ul li {
	margin:0 0 5px;
}

div#information ul.default_ul li a {
display:block;
display:inline-block;
background: url(/shared/img/renew_icon_normal.gif) 8px 3px no-repeat;
padding-left:16px;
line-height:1.5;
}

#contents .campaignStrip {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 4px;
	color: #FFF;
	background: #1D3893;
}

/* otoku top cost sakugen */

div#top_fee_wrapper {
	width: 960px;
	margin: 20px auto 30px;
	padding: 0;
	background: url(/otoku/img/bg_border_rl_top_fee.gif) repeat-y top left;
}

#top_fee {
	width: 960px;
	padding-bottom: 30px;
	text-align: left;
	background: url(/otoku/img/border_bottom_top_fee.gif) no-repeat bottom left;
}

#top_fee h2 {
	background-color: #578f14;
	margin: 0;
	padding: 0;
}

#top_fee h2 img {
	margin: 14px 0 13px 18px;
}

#top_fee ul {
	margin: 14px 0 10px 50px;
	list-style: none;
}

#top_fee ul li{
	margin: 0;
	padding: 0;
}

#top_fee li.top_fee_1 {
	width: 860px;
	margin: 20px 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 2px dotted #999;
}

#top_fee li.top_fee_2 {
	width: 860px;
	margin: 20px 0 15px 0;
	padding: 0;
}

#top_fee li.top_fee_1 dl, #top_fee li.top_fee_2 dl {
	font-size: 11px;
	line-height: 1.2em;
	color: #666;
	margin: 10px 0 0 96px;
	padding: 0;
}

#top_fee li.top_fee_1 dl dt, #top_fee li.top_fee_2 dl dt {
	width: 1.5em;
	margin: 3px 0;
	padding: 0;
}

#top_fee li.top_fee_1 dl dd, #top_fee li.top_fee_2 dl dd {
	margin: -1.3em 0 5px 1.5em;
	padding: 0;
}

#top_fee li.top_fee_3 {
	position: relative;
	display: block;
	width: 860px;
	height: 275px;
	margin: 0;
	padding: 0;
	background: url(/otoku/img/bg_bottom_top_fee_wl24.gif) no-repeat bottom left;
}

#top_fee top_fee_3 h4 {
	display: block;
	margin: 0;
	padding: 0;
}

#top_fee li.top_fee_3 .top_fee_wl24l {
	width: 341px;
	margin: 0 0 0 109px;
	padding: 0;
	clear: both;
}

#top_fee li.top_fee_3 .top_fee_wl24l dl {
	font-size: 11px;
	color: #666;
	margin: 10px 0 0 0;
	padding: 0;
}

#top_fee li.top_fee_3 .top_fee_wl24l dl dt {
	width: 1.2em;
	margin: 3px 0;
	padding: 0;
}

#top_fee li.top_fee_3 .top_fee_wl24l dl dd {
	line-height: 1.2em;
	margin: -1.4em 0 0 1.5em;
}

#top_fee li.top_fee_3 .top_fee_wl24r {
	position: absolute;
	width: 316px;
	margin: 0 0 40px 0;
	padding: 0;
	left: 480px;
	top: 84px;
}

#top_fee .top_fee_inq, #top_ttlcost .top_ttlcost_inq {
	display: block;
	margin: 0 50px 0 709px;
	padding: 0 0 20px 0;
}

#top_fee .top_fee_inq img, #top_ttlcost .top_ttlcost_inq img {
	display: block;
	margin: 0;
}

/* otoku top total cost sakugen */

div#top_ttlcost_wrapper {
	width: 960px;
	margin: 30px auto;
	padding: 0;
	background: url(/otoku/img/bg_border_rl_top_ttlcost.gif) repeat-y top left;
}

#top_ttlcost {
	width: 960px;
	padding-bottom: 30px;
	text-align: left;
	background: url(/otoku/img/border_bottom_top_ttlcost.gif) no-repeat bottom left;
}

#top_ttlcost h2 {
	background-color: #e26f00;
	margin: 0;
	padding: 0;
}

#top_ttlcost h2 img {
	margin: 14px 0 13px 18px;
}

#top_ttlcost ul {
	margin: 14px 0 10px 51px;
}

#top_ttlcost ul li{
	margin: 0;
	padding: 0;
}

#top_ttlcost li.top_ttlcost_1 {
	width: 860px;
	margin: 20px 0 20px 0;
	padding: 0;
}

#top_ttlcost li.top_ttlcost_2 {
	width: 860px;
	margin: 20px 0 15px 0;
	padding: 0;
}

#top_ttlcost li.top_ttlcost_2 dl {
	font-size: 11px;
	color: #666;
	margin: 10px 0 0 0px;
	padding: 0;
}

#top_ttlcost li.top_ttlcost_2 dl dt {
	width: 1.2em;
	margin: 3px 0;
	padding: 0;
}

#top_ttlcost li.top_ttlcost_2 dl dd {
	margin: -1.2em 0 0 1.5em;
	padding: 0;
}

#top_ttlcost li.top_ttlcost_3 {
	position: relative;
	display: block;
	width: 860px;
	height: 223px;
	margin: 0;
	padding: 0;
	background: url(/otoku/img/bg_bottom_top_ttlcost_testimonials.gif) no-repeat bottom left;
}

#top_ttlcost .top_ttlcost_3 h4 {
	display: block;
	margin: 0;
	padding: 0;
}

#top_ttlcost .top_ttlcost_3 img.fig {
	padding: 0;
	margin: 10px 0 0 41px;
}

/* otoku top total tasai na service */

div#top_svc_wrapper {
	width: 960px;
	margin: 30px auto;
	padding: 0;
	background: url(/otoku/img/bg_border_rl_top_svc.gif) repeat-y top left;
	display: block;
	position: relative;
}

#top_svc {
	width: 960px;
	padding-bottom: 35px;
	text-align: left;
	background: url(/otoku/img/border_bottom_top_svc.gif) no-repeat bottom left;
}

#top_svc h2 {
	background-color: #c91a5c;
	margin: 0;
	padding: 0;
}

#top_svc h2 img {
	margin: 14px 0 13px 18px;
}
#top_svc h3 {
	margin: 14px 0 0 50px;
}

#top_svc img.txt {
	margin: 20px 0 0 51px;
}

#top_svc .top_svc_fig1 {
	position: relative;
	width: 568px;
	height: 316px;
	margin: 20px 0 0 46px;
	padding: 0;
	background: url(/otoku/img/bg_bottom_top_svc_forward.gif) no-repeat bottom left;
}

#top_svc .top_svc_fig1 h4 {
	display: block;
	margin: 0;
	padding: 0;
}

#top_svc .top_svc_fig1 img.fig1 {
	display: block;
	position: absolute;
	width: 568px;
	height: 174px;
	top: 83px;
	left: 0px;
}

#top_svc .top_svc_fig1 p {
	font-size: 12px;
	line-height: 1.3em;
	margin: 10px 0 0 25px;
}

#top_svc .top_svc_fig1 dl {
	position: absolute;
	top: 260px;
	left: 0px;
	font-size: 11px;
	color: #666;
	margin: 5px 0 0 25px;
	padding: 0;
}

#top_svc .top_svc_fig1 dl dt {
	width: 1.3em;
	padding: 0;
	margin: 0;
}

#top_svc .top_svc_fig1 dl dd {
	line-height: 1.2em;
	margin: -1em 0 0 1.5em;
	padding: 0;
}

#top_svc .fig2 {
	display: block;
	position: absolute;
	width: 317px;
	height: 171px;
	text-align: left;
	top: 198px;
	left: 595px;
}

#top_svc .fig2 img.btn_top_svc {
	border: 0px;
	margin: 0 0 0 209px;
}
div#top_svc_wrapper dl {
	width: 910px;
	margin: 20px 0 0 50px;
	overflow: hidden;
}
div#top_svc_wrapper dl dt {
	float: left;
	width: 130px;
}
div#top_svc_wrapper dl dd {
	float: left;
	width: 780px;
}
div#top_svc_wrapper dl dd ul {
	float: left;
	width: 190px;
	margin: 8px 0 0 0;
}
div#top_svc_wrapper dl dd ul li {
	margin-bottom: 6px;
	padding-left: 16px;
	background: url(../img/list_circle_pink.gif) no-repeat left top;
}





/* otoku top bottom navigation */
div#top_setting_wrapper {
	width: 960px;
	margin: 30px auto 0 auto;
	display: block;
	padding-bottom: 20px;
	background: url(/shared/img/footer_new/footer_borderline.gif) left bottom repeat-x;
	position: relative;
	overflow: hidden;
}
div#top_setting_wrapper .inner {
	background: url(/business/otoku/cp/img/border_bottom_top_setting.gif) no-repeat left bottom;
	padding-bottom: 10px;
	margin-bottom: 20px
}


#top_setting {
	width: 960px;
	padding-bottom: 20px;
	text-align: left;
	background: url(/business/otoku/cp/img/border_top_setting.gif) repeat-y left top;
	overflow: hidden;
}
#top_setting ul {
	float: left;
	margin: 20px 40px 0 0;
	padding-left: 50px;
}
#top_setting ul li img {
	vertical-align: bottom;
}
#top_setting .inquiryArea {
	float:left;
	width: 560px;
	position: relative;
	margin-top: 30px;
}
#top_setting .inquiryArea p.btn {
	position: absolute;
	top: 164px;
	left: 76px;
}




/* otoku top bottom navigation */

div#bottom_otoku_navi {
	margin: 0 0 30px 0;
}

div#bottom_otoku_navi_inner {
	width: 966px;
	margin: 0 auto;
	padding: 20px 0 20px 0;
	text-align: left;
}

.bottom_inqreq {
	position: relative;
	width: 966px;
	height: 148px;
	margin: 0 auto;
}

.bottom_inqreq ul{
	position: absolute;
	height: 54px;
	top: 59px;
	left: 50px;
	clear: both;
}

.bottom_inqreq ul li{
	height: 54px
	display: inline;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}

.bottom_otoku_navi ul {
	list-style: none;
	display: block;
	width: 966px;
	height: 61px;
	background: url(/otoku/img/btn_bottom_otoku_bg.gif) no-repeat top left;
	margin: 30px 0 0 0;
	padding: 0;
}

.bottom_otoku_navi ul li {
	display: inline;
	float: left;
	height: 61px;
	margin: 0;
	padding: 0;
}

/* otoku top bottom footer, overwrite common.css */

/* otoku top roll-over */

.ro a           {display: block;}
.ro a:hover     {background: transparent;}
.ro a:hover img {visibility: hidden;}


/****************************************
02 index page
****************************************/
#contents div.pos_rlt {
position: relative;
top: 0;
left: 0;
overflow:hidden;
}
.otokuindex #contents div.main-image {
width: 678px;
height: 212px;
margin: 20px auto 0 auto;
text-align: left;
}
.otokuindex #contents p.main-image_01 {
position: absolute;
top: 80px;
left: 17px;
width: 350px;
margin: 0;
padding: 0;
}
.otokuindex #contents p.main-image_02 {
position: absolute;
top: 73px;
left: 283px;
width: 375px;
margin: 0;
padding: 0;
}
.otokuindex #contents div.btnbox {
width: 680px;
margin: 20px auto 0 auto;
}
.otokuindex #contents p.btn_i {
position: absolute;
top: 90px;
left: 37px;
width: 136px;
margin: 0;
padding: 0;
}
.wth445 {
width: 445px;
}

/****************************************
03 consumer_business_index page
****************************************/
#contents p.btn_01 {
position: absolute;
top: 156px;
left: 10px;
width: 300px;
margin: 0;
padding: 0;
}
#contents p.btn_0203 {
position: absolute;
top: 156px;
right: 10px;
_right: 9px;
width: 234px;
margin: 0;
padding: 0;
}

#mainContentsArea p.attention_icon a {
	background: transparent url(/otoku/img/top_att_icon.gif) no-repeat scroll 10px 0px;
	padding: 0px 0px 2px 27px;
	margin: 14px 0px 0px 0px;
	line-height:1.4;
	min-height:17px;
	text-decoration:none;
}


/****************************************
03 moving_index page
****************************************/
#contents div.nagare01 {
background: #c6eef8 url(/otoku/moving/img/iten_nagare01_bg.gif) bottom left no-repeat;
width: 420px;
margin: 10px auto 0 auto;
padding: 0 0 13px 0;
}
#contents div.nagare01 p.nagare01_txt {
width: 360px;
margin: 10px auto 0 auto;
text-align: left;
}


#contents div.mgleft10 {
padding:0px 0px 0px 14px;
margin: 0px;
}

/****************************************
jul.11,2011 
****************************************/
#contents p.textHeavy {
font-weight:bold;
}
#contents p.textRed {
color:#FF0000;
text-decoration:underline;
}
#contents table th.DoNotBend,
#contents table td.DoNotBend {
white-space: nowrap; 
}