@charset "utf-8";

#topflash {
width:955px;
height:388px;
margin:0 24px;
}
#topflash2 {
width:955px;
height:303px;
margin:0 24px;
}
/*----------------------------------------
* content_l
*---------------------------------------*/
#content_l div.box01 {
width:754px;
margin: 0 auto;
padding-bottom: 20px;
background:#ffffff;
text-align: center;
}
#content_l div.box01 div.box01-inner {
width:715px;
margin: 0 19px 15px 20px !important;
text-align: left;
}
#content_l div.box01 div.banner {
margin-top: 15px;
}
#content_l div.box01 div.banner p.txt01 {
width: 715px;
margin: 10px 19px 0px 20px;
text-align: left;
}
/*----- div#service3  -----*/
#content_l div.box01 div#service3 {
position:relative;
width:728px;
height:348px;
margin: 0 19px 4px 7px !important;
}
div#service3 #tv {
position:absolute;
top:0px;
left:0px;
z-index:1;
}
div#service3 #vod {
position:absolute;
top:0px;
left:485px;
z-index:2;
}
div#service3 #net {
position:absolute;
top:175px;
left:0px;
z-index:3;
}
div#service3 #phone {
position:absolute;
top:175px;
left:385px;
z-index:4;
}
/*----- div.appset  -----*/
#content_l div.appset {
position:relative;
width:587px;
margin:0 83px 0 84px;
}
div.appset ul li#entry {
position:absolute;
top:0px;
left:0px;
}
div.appset ul li#request {
position:absolute;
top:0px;
left:299px;
}
#content_l div.appset ul.app {
height:72px;
margin-bottom:10px;
}
#content_l div.appset div.entry-kikanyu {
position:relative;
width:583px;
height:105px;
margin:0 auto 5px auto;
background: url(/files/welcome/common/images/otoku/bg_entry_kikanyu.gif) no-repeat;
}
div.entry-kikanyu .btn-otokutuika {
position:absolute;
top:39px;
left:18px;
}
div.entry-kikanyu .txt-change {
position:absolute;
top:39px;
left:351px;
}
div.entry-kikanyu .btn-change {
position:absolute;
top:73px;
left:335px;
}
/*----- div.appset-sk  -----*/
#content_l div.appset-sk {
position: relative;
width:600px;
height: 100px;
display: block;
margin:15px 73px 0 81px;
padding: 192px 0 0 0;
}
div.appset-sk ul li.btn01 {
position: absolute;
top:0px;
left:0px;
}
div.appset-sk ul li.btn01_1 {
position: absolute;
top:8px;
left:0px;
}
div.appset-sk ul li.btn01_2 {
position: absolute;
top:8px;
left:311px;
}
div.appset-sk ul li.btn02 {
position: absolute;
top: 96px;
left: 0px;
}
div.appset-sk ul li.btn03 {
position: absolute;
top: 96px;
left: 311px;
}
div.appset-sk ul li.btn04 {
position: absolute;
top:177px;
left:0px;
}
div.appset-sk ul li.btn05 {
position: absolute;
top:177px;
left:166px;
}
#content_l div.appset-sk p {
	text-align:left;
}
#content_l div.appset-sk2 {
position: relative;
width:600px;
height: 140px;
display: block;
margin:15px 73px 0 81px;
padding: 180px 0 0 0;
}
div.appset-sk2 ul li.btn06 {
position: absolute;
top:0px;
left:0px;
}
div.appset-sk2 ul li.btn06_1 {
position: absolute;
top:8px;
left:0px;
}
div.appset-sk2 ul li.btn06_2 {
position: absolute;
top:8px;
left:311px;
}
div.appset-sk2 ul li.btn07 {
position: absolute;
top:95px;
left:0px;
}
div.appset-sk2 ul li.btn08 {
position: absolute;
top:95px;
left:311px;
}
div.appset-sk2 ul li.btn09 {
position: absolute;
top:180px;
left:5px;
}
div.appset-sk2 ul li.btn10 {
position: absolute;
top:180px;
left:167px;
}
div.appset-sk2 ul li.banner {
position: absolute;
top:97px;
left:0px;
}
#content_l div.appset-sk2 p {
	text-align:left;
}
/*----- div.appset-a  -----*/
#content_l div.appset-a {
position: relative;
width:600px;
/*height: 100px;*/
display: block;
margin:15px 73px 0 81px;
padding: 192px 0 0 0;
}
div.appset-a ul li.btn01 {
position: absolute;
top:0px;
left:0px;
}
div.appset-a ul li.btn02 {
position: absolute;
top: 96px;
left: 0px;
}
div.appset-a ul li.btn03 {
position: absolute;
top: 96px;
left: 311px;
}
div.appset-a ul li.btn04 {
position: absolute;
top:177px;
left:0px;
}
div.appset-a ul li.btn05 {
position: absolute;
top:177px;
left:166px;
}
#content_l div.appset-a p {
	text-align:left;
}
/*----- table.detail  -----*/
.box-notes {
	margin: 0 0 10px 0;
}
.title-detail { margin: 0 0 0 13px;}
.title-detail a { text-indent: -9999px; width: 728px; height: 32px; display: block; background: url(/files/welcome/common/images/otoku_100706/title_detail.gif) no-repeat; }
.title-detail-on a { text-indent: -9999px; width: 728px; height: 32px; display: block; background: url(/files/welcome/common/images/otoku_100706/title_detail_o.gif) no-repeat; }
table.detail01 { font-size: 1.2em; line-height: 1.6; width: 100%; margin: 0; text-align:left; }
table.detail01 { border-collapse: collapse; border-spacing: 0; width: 100%; }
table.detail01 th { font-weight: bold; width: 20%; }
table.detail01 th,
table.detail01 td { padding: 4px 8px; border: solid 1px #ccc; }
/*----- tab -----*/
#content_l #plan ul li { float: left; }
#content_l #plan ul li#t1 a { display: block; text-indent: -9999px; width: 170px; height: 46px; background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_01.gif') no-repeat; }
#content_l #plan ul li#t2 a { display: block; text-indent: -9999px; width: 172px; height: 46px; background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_02.gif') no-repeat; }
#content_l #plan ul li#t3 a { display: block; text-indent: -9999px; width: 172px; height: 46px; background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_03.gif') no-repeat; }
#content_l #plan ul li#t4 a { display: block; text-indent: -9999px; width: 172px; height: 46px; background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_04.gif') no-repeat; }

#content_l #plan ul li#t1 a:hover,
#content_l #plan ul li#t1 a.selected { background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_01_on.gif') no-repeat; }
#content_l #plan ul li#t2 a:hover,
#content_l #plan ul li#t2 a.selected { background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_02_on.gif') no-repeat; }
#content_l #plan ul li#t3 a:hover,
#content_l #plan ul li#t3 a.selected { background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_03_on.gif') no-repeat; }
#content_l #plan ul li#t4 a:hover,
#content_l #plan ul li#t4 a.selected { background: url('/files/welcome/common/images/otoku_100706/otoku2_tab_04_on.gif') no-repeat; }
/*----- div#areaselect  -----*/
div.areaselect {
position:relative;
height:515px;
}
div.areaselect areaselect-main {
position:absolute;
top:0px;
left:0px;
}
div.areaselect .areaselect-otoku {
position:absolute;
top:340px;
left:70px;
z-index:1;
}
div.areaselect .areaselect-btn li {
position: absolute;
}
div.areaselect ul.areaselect-btn li.area_kanto { top:311px; left:17px;}
div.areaselect ul.areaselect-btn li.area_kansai { top:311px; left:280px;}
div.areaselect ul.areaselect-btn li.area_kyusyu { top:411px; left:17px;}
div.areaselect ul.areaselect-btn li.area_sapporo { top:411px; left:280px;}
/*----- table.area-life  -----*/
table.area-life{
width: 100%;
background-color: #ccc;
}
table.area-life th,
table.area-life td{
padding: 3px 5px 2px 5px;
}
table.area-life th img{
margin:3px 0;
}
.category{
color: #fff;
text-align: center;
background-color: #fb7f48;
}
tr.color1{
background-color: #f9f9f9;
}
tr.color2{
background-color: #e9e9e9;
}
tr.color3{
background-color: #fff;
}
th.area1{
background-color: #fbad48;
}
th.area2{
background-color: #fbcb48;
}
th.area3{
background-color: #fadc8f;
}
th.area4{
background-color: #fbefcb;
}


/*100706*/
.brClear{clear:both;}
#camp160 p.kouji_banner {
	padding: 10px 0 13px 0; 
}

#material_get {
	margin: 0 0 0 13px;
	padding: 0;
	width: 728px;
	height: 553px;
	position: relative;
	background: url(/files/welcome/common/images/otoku_100706/mate_get_bg.gif) center top no-repeat;
}

#material_get ul li {position:absolute;}
#material_get ul li.mate01 { top:22px; left:15px;}
#material_get ul li.mate02 { top:22px; left:251px;}
#material_get ul li.mate03 { top:22px; left:486px;}

#material_get .mate_btn_bg {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 288px;
	left: 18px;
	z-index: 1;
}

#material_get .mate_btn {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 339px;
	left: 445px;
	z-index:2;
}

#material_get .w_chance {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 433px;
	left: 18px;
}

#inquiryArea{
background:url(/files/welcome/common/images/top/inquiry_bg.gif) no-repeat 0 100% !important;
height:145px !important;
position:relative;
}

#inquiryArea h2{
margin:0;
padding:0;
}

#inquiryArea .txt01{
position:absolute;
top:72px;
left:25px;
}

#inquiryArea .txt02{
position:absolute;
top:74px;
left:347px;
}

#inquiryArea .txt03{
position:absolute;
top:76px;
left:499px;
}

#inquiryArea .bt{
position:absolute;
top:79px;
left:182px;
}

/*100204*/
.otokuMain{
position:relative;
width:955px;
height:303px;
}

.otokuMain span{
position:absolute;
top:25px;
left:28px;
color:#FFF;
font-weight:bold;
font-size:320%;
}

.otokuMain p{
position:absolute;
top:30px;
left:285px;
}

.otokuMain p.bnr_110304 {
	position:absolute;
	width:422px;
	top:13px;
	left:507px;
	z-index: 1;
}

.otokuMain p.btn_110304 {
	position:absolute;
	width:408px;
	top:235px;
	left:517px;
	z-index: 2;
}


/*110927*/
#bgBtm .joken{
margin:5px 0 15px 15px;
width: 728px;

}

#bgBtm .joken_table{
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
font-size:85%;
margin:0;
padding:0;
width:100%;
}

#bgBtm .joken_table th{
background-color:#f7f7f7;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
font-weight:normal;
margin:0;
padding:10px;
text-align:left;
width:20%;
font-size:12px;
}

#bgBtm .joken_table td{
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
margin:0;
padding:10px;
width:80%;
color:#444444;
font-size:12px;
line-height:18px;
text-decoration:none;
}

/*111122*/
/* default */
a:hover img.ov {
	filter:alpha(opacity:60);
	opacity:0.6;
}

.box01 #default {
	position: relative;
	height: 501px;
	margin-bottom: 8px;
}

.box01 .hikakuBox1111 .otoku160_sv{
	position: absolute;
	top: 140px;
	left: 19px;
}

.box01 .hikakuBox1111 .otoku160_notice{
	position: absolute;
	top: 193px;
	left: 610px;
}

.box01 .hikakuBox1111 .otoku160_entry{
	position: absolute;
	top: 139px;
	left: 610px;
}

.box01 .hikakuBox1111 .otoku12_sv{
	position: absolute;
	top: 236px;
	left: 19px;
}

.box01 .hikakuBox1111 .otoku12_notice{
	position: absolute;
	top: 345px;
	left: 610px;
}

.box01 .hikakuBox1111 .otoku12_entry{
	position: absolute;
	top: 292px;
	left: 610px;
}

.box01 .hikakuBox1111 .otoku40_sv{
	position: absolute;
	top: 236px;
	left: 19px;
}

.box01 .hikakuBox1111 .otoku40_notice{
	position: absolute;
	top: 335px;
	left: 610px;
}

.box01 .hikakuBox1111 .otoku40_entry{
	position: absolute;
	top: 281px;
	left: 610px;
}

.box01 .hikakuBox1111 .otokumini_sv{
	position: absolute;
	top: 326px;
	left: 19px;
}

.box01 .hikakuBox1111 .otokumini_notice{
	position: absolute;
	top: 468px;
	left: 610px;
}

.box01 .hikakuBox1111 .otokumini_entry{
	position: absolute;
	top: 415px;
	left: 610px;
}

.box01 .hikakuBox1111 .mystyle_sv{
	position: absolute;
	top: 465px;
	left: 19px;
}

.box01 .hikakuBox1111 .mystyle_notice{
	position: absolute;
	top: 485px;
	left: 610px;
}

.box01 .hikakuBox1111 .mystyle_entry{
	position: absolute;
	top: 429px;
	left: 610px;
}

.box01 .hikakuBox1111 .netpack_sv{
	position: absolute;
	top: 669px;
	left: 19px;
}

.box01 .hikakuBox1111 .netpack_notice{
	position: absolute;
	top: 668px;
	left: 610px;
}

.box01 .hikakuBox1111 .netpack_entry{
	position: absolute;
	top: 610px;
	left: 610px;
}

/* gunma */
.box01 #gunma {
	position: relative;
	height: 648px;
	margin-bottom: 8px;
}

.box01 #gunma .otoku40_sv{
	position: absolute;
	top: 232px;
	left: 19px;
}

.box01 #gunma .otoku40_notice{
	position: absolute;
	top: 339px;
	left: 610px;
}

.box01 #gunma .otoku40_entry{
	position: absolute;
	top: 281px;
	left: 610px;
}

.box01 #gunma .otoku12_sv{
	position: absolute;
	top: 324px;
	left: 19px;
}

.box01 #gunma .otoku12_notice{
	position: absolute;
	top: 492px;
	left: 610px;
}

.box01 #gunma .otoku12_entry{
	position: absolute;
	top: 434px;
	left: 610px;
}

.box01 #gunma .otokumini_sv{
	position: absolute;
	top: 416px;
	left: 19px;
}

.box01 #gunma .otokumini_notice{
	position: absolute;
	top: 620px;
	left: 610px;
}

.box01 #gunma .otokumini_entry{
	position: absolute;
	top: 564px;
	left: 610px;
}

.box01 #gunma .mystyle_sv{
	position: absolute;
	top: 556px;
	left: 19px;
}

.box01 #gunma .mystyle_notice{
	position: absolute;
	top: 581px;
	left: 610px;
}

.box01 #gunma .mystyle_entry{
	position: absolute;
	top: 520px;
	left: 610px;
}

.box01 #gunma .netpack_sv{
	position: absolute;
	top: 758px;
	left: 19px;
}

.box01 #gunma .netpack_notice{
	position: absolute;
	top: 769px;
	left: 610px;
}

.box01 #gunma .netpack_entry{
	position: absolute;
	top: 708px;
	left: 610px;
}

/* kansai */
.box01 #kansai {
	position: relative;
	height: 648px;
	margin-bottom: 8px;
}

.box01 #kansai .otoku160_sv{
	position: absolute;
	top: 140px;
	left: 19px;
}

.box01 #kansai .otoku160_notice{
	position: absolute;
	top: 196px;
	left: 610px;
}

.box01 #kansai .otoku160_entry{
	position: absolute;
	top: 139px;
	left: 610px;
}

.box01 #kansai .otoku12_sv{
	position: absolute;
	top: 236px;
	left: 19px;
}

.box01 #kansai .otoku12_notice{
	position: absolute;
	top: 491px;
	left: 610px;
}

.box01 #kansai .otoku12_entry{
	position: absolute;
	top: 434px;
	left: 610px;
}

.box01 #kansai .otoku40_sv{
	position: absolute;
	top: 236px;
	left: 19px;
}

.box01 #kansai .otoku40_notice{
	position: absolute;
	top: 340px;
	left: 610px;
}

.box01 #kansai .otoku40_entry{
	position: absolute;
	top: 284px;
	left: 610px;
}

.box01 #kansai .otokumini_sv{
	position: absolute;
	top: 326px;
	left: 19px;
}

.box01 #kansai .otokumini_notice{
	position: absolute;
	top: 615px;
	left: 610px;
}

.box01 #kansai .otokumini_entry{
	position: absolute;
	top: 558px;
	left: 610px;
}

.box01 #kansai .mystyle_sv{
	position: absolute;
	top: 465px;
	left: 19px;
}

.box01 #kansai .mystyle_notice{
	position: absolute;
	top: 485px;
	left: 610px;
}

.box01 #kansai .mystyle_entry{
	position: absolute;
	top: 429px;
	left: 610px;
}

.box01 #kansai .netpack_sv{
	position: absolute;
	top: 669px;
	left: 19px;
}

.box01 #kansai .netpack_notice{
	position: absolute;
	top: 668px;
	left: 610px;
}

.box01 #kansai .netpack_entry{
	position: absolute;
	top: 610px;
	left: 610px;
}

a:hover img.ov {
	filter:alpha(opacity:60);
	opacity:0.6;
}