/* ****全ページ共通の枠組み指定**** */

body{
	margin:0;
	padding:0;
	background:url(../images/bg_body.jpg) repeat-x 0 0;
	font-family:'ＭＳ Ｐゴシック',osaka,sans-serif;
}

img{
	border:0px;
	margin:0;
	padding:0;
}

form{
	margin:0;
	padding:0;
}

.clear{
	clear:both;
}


/* *******全体******* */

#wrapper{
	width:860px;
	margin:0 auto;
	padding:0;
	background-color:#ffffff;
}


/* *******ヘッダー******* */

#header{
	margin:0;
	padding:0;
}

#logo{
	width:106px;
	margin:0;
	padding:20px 0 21px 0;
	float:left;
}

#subMenu{
	width:480px;
	margin:0;
	padding:31px 0 0 0;
	list-style-type:none;
	float:right;
}

#subMenu li{
	margin:0;
	padding:0 0 0 15px;
	float:left;
}

#grandMenu{
	width:860px;
	margin:0;
	padding:0 0 25px 0;
	list-style-type:none;
	float:left;
}

#grandMenu li{
	margin:0;
	padding:0;
	float:left;
}

#mainvis{
	clear:both;
	display:block;
	width:860px;
	height:330px;
	margin:0;
	padding:0;
	background:url(../images/vis_main.jpg) repeat-x 0 0;
}

#flashcontent{
	margin:0;
	padding:110px 0 0 519px;
}


/* *******メインエリア******* */

#liveArea{
	clear:both;
	width:860px;
	margin:0;
	padding:0 0 0 0;
}

#contentsHeader{
	margin:0;
	padding:0 0 0 0;
}

#contentsBody{
	width:820px;
	margin:0;
	padding:0 20px 0 20px;
}

#contentsBody h2{
	clear:both;
	margin:0;
	padding:20px 0 0 0;
}

#contentsBody h3{
	margin:0;
	padding:40px 0 0 0;
}

#contentsBody p{
	color:#333;
	font-size:78%;
	line-height:160%;
	margin:0;
	padding:7px 0 0 6px;
}

.pointFig{
	margin:0;
	padding:20px 0 20px 0;
}

.pointTable{
	margin:30px 0 0 0;
	padding:0;
}

.pointTable td{
	width:410px;
	margin:0;
	padding:0;
	vertical-align:top;
}

.specTable{
	width:820px;
	margin:0 0 30px 0x;
	padding:0;
	border-top:2px solid #ccc;
}

.specTable th{
	width:200px;
	color:#333;
	font-size:78%;
	line-height:160%;
	font-weight:bold;
	margin:0;
	padding:6px 0px 2px 10px;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #ccc;
	background-color:#EBF5CD;
}

.specTable td{
	width:210px;
	color:#555;
	font-size:78%;
	line-height:160%;
	margin:0;
	padding:4px 10px 2px 10px;
	vertical-align:middle;
	text-align:center;
	border-left:1px dotted #ccc;
	border-bottom:1px solid #ccc;
}

.pointTable td h4{
	color:#09c;
	font-size:90%;
	margin:0;
	padding:0 0 0 6px;
}

.pointTable td div{
	margin:0;
	padding:20px 0 30px 0;
	text-align:center;
}

#contentsBodyTop{
	width:546px;
	margin:0;
	padding:0 0 0 20px;
	float:left;
}

#contentsBodyTop h2{
	margin:0;
	padding:0 0 10px 0;
}

#item{
	margin:0;
	padding:0;
	list-style-type:none;
}

#item li{
	margin:0;
	padding:0;
	float:left;
}

#pointMenu{
	margin:0;
	padding:0 0 20px 0;
	list-style-type:none;
}

#pointMenu li{
	margin:0;
	padding:0;
	float:left;
}

#contentsSub{
	width:240px;
	margin:0;
	padding:0 20px 0 0;
	float:right;
}

#contentsSub P{
	font-size:80%;
	margin:0;
	padding:0 0 0 0;
}

.pagetop{
	margin:0;
	padding:50px 0 0 0;
	text-align:right;
}

/* *******フッター******* */

#footer{
	clear:both;
	width:860px;
	margin:50px 0 0 0;
	padding:10px 0 50px 0;
	background:url(../images/line_footer.gif) no-repeat 0 0;
}

#footer ul{
	width:500px;
	margin:0;
	padding:0 0 0 0;
	list-style-type:none;
	float:left;
}

#footer ul li{
	font-style:normal;
	font-size:70%;
	color:#666;
	margin:0;
	padding:0 0 0 0;
	float:left;
}

address{
	font-style:normal;
	font-size:70%;
	color:#aaa;
	margin:0;
	padding:0 0 0 0;
	float:right;
}


/* *******リンク******* */

a:link{color:#666;text-decoration:none;}
a:visited{color:#666;text-decoration:none;}
a:active{color:#666;text-decoration:none;}
a:hover{color:#ff9900;text-decoration:none;}

.arrow{
	margin:0;
	padding:0 0 0 13px;
	background:url(../images/arrow.gif)  no-repeat 0 0.4em;
}


/****clearfix****/

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

.clearfix{
	display:inline-block;
}

/* Hides from IE-mac*/
*html .clearfix{
	clear:both;
	height:1%;
}
.clearfix{
	display:block;
}
/* End hide from IE-mac */


#liveArea div.kashi h2{
	marign:0;
	padding:60px 0 5px 0;
}


#liveArea div.kashi h2.top0{
	marign:0;
	padding:0px 0 5px 0;
}

#liveArea div.kashi ul{
	marign:0;
	padding:0 0 0 20px;
}

#liveArea div.kashi ul li{
	font-size:80%;
	line-height:160%;
	marign:0;
	padding:0 0 5px 0;
}


/* *******地域別収録範囲******* */

body div#liveArea div.area div.areaL{
	width:360px;
	margin:0;
	padding:0;
	float:left;
}

body div#liveArea div.area div.areaL h2{
	font-size:117%;
	color:#690;
	margin:0;
	padding:12px 0 5px 3px;
	border-bottom:1px solid #ccc;
}

body div#liveArea div.area div.areaL p{
	font-size:14px;
	line-height:1.8;
	color:#333;
	margin:0;
	padding:10px 0 48px 12px;
}

body div#liveArea div.area div.areaL p span{
	font-weight:bold;
}

body div.area  div.areaR{
	width:425px;
	margin:0;
	padding:0 0 48px 0;
	float:right;
}

body div.area div.areaL iframe{
	margin:0;
	padding:0;
	border:1px solid #aaa;
}

#title{
	clear:both;
	width:860px;
	height:26px;
	margin:0;
	padding:0;
	background:url(../images/bg_title.jpg) no-repeat ;
}

#title p{
	font-size:12px;
	color:#333;
	margin:0;
	padding:6px 0 0 12px;
}



/* ******* 賢い使い方 ******* */

#navi{
	margin:0;
	padding:0;
}

#navi ul{
	width:380px;
	margin:0;
	padding:0 0 0 30px;
	float:left;
}

#navi ul li{
	font-weight:bold;
	font-size:117%;
	margin:0;
	padding:0 0 24px 0;
	list-style-type:none;
}

#navi ul li a:link{color:#690;text-decoration:none;}
#navi ul li a:visited{color:#690;text-decoration:none;}
#navi ul li a:active{color:#690;text-decoration:none;}
#navi ul li a:hover{color:#ff9900;text-decoration:none;}


#navi ul li ul.level02{
	clear:both;
	margin:0;
	padding:12px 0 0 0;
}

#navi ul li ul.level02 li{
	font-weight:normal;
	font-size:80%;
	margin:0;
	padding:0 0 12px 30px;
	list-style-type:none;
}

#navi ul li ul.level02 li a{
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/arrow_wise.gif) no-repeat 0 6px;
}

#navi ul li ul.level02 li a:link{color:#333;text-decoration:none;}
#navi ul li ul.level02 li a:visited{color:#333;text-decoration:none;}
#navi ul li ul.level02 li a:active{color:#333;text-decoration:none;}
#navi ul li ul.level02 li a:hover{color:#ff9900;text-decoration:none;}


#wise h2{
	clear:both;
	margin:0;
	padding:12px 0 0 0;
}

#wise h3{
	clear:both;
	font-size:20px;
	color:#690;
	margin:0 0 12px 110px;
	padding:48px 0 5px 0;
	border-bottom:1px solid #ccc;
}

#wise p{
	font-size:14px;
	margin:0 0 0 110px;
	padding:0px 0 12px 0;
}

#wise p.attention{
	color:#600;
	margin:0 0 0 110px;
	padding:0px 0 24px 56px;
	background:url(../images/ico_attention.gif) no-repeat 0 0px;
}

#wise p.recommend{
	color:#006;
	margin:0 0 0 110px;
	padding:0px 0 24px 56px;
	background:url(../images/ico_recommend.gif) no-repeat 0 0px;
}

.wiseFig{
	margin:0 0 0 110px;
	padding:0 0 12px 0;
}



#wise p a{
	margin:0;
	padding:0 0 0 15px;
	background:url(../images/arrow_wise.gif) no-repeat 0 6px;
}

#wise p a:link{color:#690;text-decoration:none;}
#wise p a:visited{color:#690;text-decoration:none;}
#wise p a:active{color:#690;text-decoration:none;}
#wise p a:hover{color:#ff9900;text-decoration:none;}


#wise ul{
	margin:0 0 0 110px;
	padding:0 0 12px 30px;
}

#wise ul li{
	font-size:14px;
	margin:0;
	padding:0 0 3px 0;
}

.operation{
	margin:0 0 0 110px;
	padding:0;
}

.operation h4{
	font-size:14px;
	clear:both;
	line-height:0;
	margin:0;
	padding:0;
}

.operation h5{
	clear:both;
	font-size:14px;
	color:#690;
	margin:0 0 0 30px;
	padding:12px 3px 6px 30px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#f0f0f0;
}

#wise div.operation p{
	clear:both;
	font-size:14px;
	margin:0 0 0 30px;
	padding:0 30px 12px 30px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#f0f0f0;
}


.operation dl{
	clear:both;
	width:618px;
	margin:0 0 0 30px;
	padding:0 30px 0 30px;
	border-top:1px dotted #aaa;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background-color:#f0f0f0;
}

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

.operation dl{
	display:inline-block;
}

/* Hides from IE-mac*/
*html .operation dl{
	clear:both;
	height:1%;
}
.operation dl{
	display:block;
}


.operation dt{
	width:360px;
	font-size:14px;
	line-height:1.5;
	margin:0;
	padding:12px 0 12px 0;
	float:left;
}

.operation dd{
	width:240px;
	margin:0;
	padding:12px 0 12px 0;
	float:right;
}


.operation .end{
	border-bottom:1px solid #ccc;
}


.operation .top{
	border-top:0px solid #ccc;
}


.operation dl.halfway{
	border-bottom:1px solid #ccc;
}

#onlyH4{
	color:#690;
	font-size:14px;
	margin:0 0 0 110px;
	padding:12px 0 12px 0;
}

#wise div.operation p.attention2{
	color:#600;
	padding-left:54px;
	background:url(../images/ico_attention2.gif) no-repeat 30px 0px #f0f0f0;
}

#wise div.operation p.recommend2{
	color:#006;
	padding-left:54px;
	background:url(../images/ico_recommend2.gif) no-repeat 30px 0px #f0f0f0;
}


#footNavi{
	clear:both;
	margin:0;
	padding:50px 0 0 200px;
	text-align:center;
}


#footNavi p{
	margin:0;
	padding:0;
	vertical-align:middle;
}


#footNavi p a{
	margin:0;
	padding:6px 12px;
	background-color:#f0f0f0;
	border:1px solid #ccc;
	float:left;
	vertical-align:middle;
}


#footNavi p a:hover{
	color:#fff;
	background-color:#f90;
	border:1px solid #f90;
}


#footNavi table{
	margin:0 6px 0 6px;
	padding:0;
	float:left;
}


#footNavi table td{
	margin:0;
	padding:0;
	vertical-align:middle;
}


#footNavi table td a{
	display:block;
	margin:0;
	padding:6px 12px;
	background-color:#f0f0f0;
	border:1px solid #ccc;
	float:left;
	vertical-align:middle;
}


#footNavi table td a:hover{
	color:#fff;
	background-color:#f90;
	border:1px solid #f90;
}

#footNavi table td.stay a{
	color:#fff;
	background-color:#aaa;
	border:1px solid #aaa;
}






#liveArea div.cashback p.lead{
	font-size:14px;
	line-height:1.6;
	margin:0;
	padding:20px 0 50px 20px;
}

#liveArea div.cashback p{
	font-size:14px;
	line-height:1.6;
	margin:0;
	padding:20px 0 10px 20px;
}

.cashback ul{
	margin:0;
	padding:0 0 0 40px;
}

.cashback ul li{
	font-size:12px;
	line-height:1.3;
	margin:0;
	padding:0 0 3px 0;
}
