@charset "shift_jis";

/* ----- 全ページ共通------------------------------------ */

/* ブラウザスタイルの初期化 */

body, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, table, caption, th, tr, td, img, form, div {
        margin: 0;
        padding: 0;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}

html{
	overflow-y:scroll;
}
   
img {
	vertical-align: bottom;
}

a img {
    border-style:none;
}

textarea { font-size: 100%; }

object,embed{
  vertical-align:top;
}

/* 基本設定 */

body {
	font-size: 12px;
	color: #666666;
}

ul,ol,li {
  list-style-position: outside;
  list-style-type: none;
}

table {
  border-collapse: collapse;
  border-spacing:0;
}

img, fieldset {
	border: none;
}

a:link, a:visited{
	color:#006699;	
	text-decoration: underline;
}

a:hover, a:active {
	color:#006699;	
	text-decoration: none;
}

a:focus{
	outline:none;
}

/* ----- サイト全体------------------------------------ */

#contents{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-color: #FFFFFF;
}
#contents:after {  
    content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#contents {  
    zoom: 100%;
} 

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

#header{
	height: 114px;
	width: 800px;
	position: relative;
	border-top: 10px solid #CC0000;
	margin-bottom: 5px;
}
#header:after {  
    content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#header {  
    zoom: 100%;
} 
#header h1{
	left: 10px;
	top: 85px;
	position: absolute;
	width: 440px;
}
#header h2{
	border-bottom: 4px solid #555555;
	margin-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#header #h_rtext{
	height: 20px;
	width: 780px;
	padding-top: 10px;
	padding-right: 20px;
}
#header #h_rtext p{
	background: url(../images/bg_header.jpg) no-repeat right bottom;
	height: 20px;
	width: 300px;
	color: #FFFFFF;
	line-height: 20px;
	float: right;
	text-align: center;
}
#header #h_rtext a:link, #header #h_rtext a:visited{
	color:#FFFFFF;	
	text-decoration: underline;
}
#header #h_rtext a:hover, #header #h_rtext a:active {
	color:#FFFFFF;	
	text-decoration: none;
}


/* ----- ナビゲーション ----- */

#menu {
	width: 800px;
	height: 40px;
	background: url(../images/bg_menu.jpg) no-repeat 0px 0px;
	clear: both;
}
#menu:after {  
    content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#menu {  
    zoom: 100%;
} 
#menu ul {
	list-style:none;
	padding-top: 9px;
	margin-left: 35px;
}
#menu li {
	float: left;
	background: url(../images/menu_bgya.jpg) no-repeat left center;
	padding-left: 6px;
	margin-right: 31px;
	font-weight: bold;
	letter-spacing: -0.1em;
}
#menu li a {
display: block;
color:#FFFFFF;
text-decoration: none;
}
#menu li a:hover {
text-decoration: underline;
}


/* ----- パンくず ----- */

#kuzu {
	width: 790px;
	height: 40px;
	line-height: 40px;
	clear: both;
	padding-left: 10px;
}


/* -----　メインコンテンツ ----- */

#main {
	width: 800px;
}
#main:after {  
    content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#main {  
    zoom: 100%;
} 

/* ----- 左ナビ　----- */

#left_block{
	float: left;
	width: 180px;
}

#left_block ul{
	width: 180px;
	margin-top: 1px;
}
#left_block ul li{
	height: 40px;
	width: 180px;
	margin-bottom: 1px;
}
#left_block ul li a{
	display: block;
	width: 150px;
	line-height: 40px;
	background: url(../images/bg_side_li.jpg) no-repeat 0px 0px;
	height: 40px;
	padding-left: 30px;
}
#left_block ul li a:hover{
	background: url(../images/bg_side_li.jpg) no-repeat 0px -40px;
}
#left_block ul .li_on a{
	display: block;
	width: 150px;
	line-height: 40px;
	background: url(../images/bg_side_li.jpg) no-repeat 0px -40px;
	height: 40px;
	padding-left: 30px;
}
#left_block ul .li_on a:hover{
	background: url(../images/bg_side_li.jpg) no-repeat 0px -40px;
}

/* ----- 右コンテンツ　----- */

#right_block{
	float: right;
	width: 600px;
	font-size: 16px;
}

#right_block h4{
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	border-top: 15px solid #CC0000;
	border-bottom: 5px solid #666666;
	padding-top: 12px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	padding-left: 5px;
}
#right_block .main_text{
	width: 580px;
	margin-left: 10px;
}
#right_block .main_text p{
	line-height: 160%;
	margin-bottom: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#right_block .main_text p a{
	color: #003399;
}
#right_block .main_text .link_bg,#right_block .main_text02 .link_bg{
	background: url(../images/bg_ya.jpg) no-repeat left top;
	height: 30px;
	margin-bottom: 40px;
}
#right_block .main_text .link_bg a,#right_block .main_text02 .link_bg a{
	height: 30px;
	background: #EFEFEF;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	display: block;
	width: 210px;
	margin-left: 5px;
	font-size: 16px;
	color: #666666;
	text-align: left;
}

#right_block h5{
	color: #000000;
	font-weight: bold;
	border-bottom: 2px solid #666666;
	padding-bottom: 5px;
	padding-left: 5px;
}

#right_block .main_text01{
	width: 580px;
	margin-left: 10px;
	padding-bottom: 20px;
}
#right_block .main_text01 p{
	line-height: 160%;
	margin-bottom: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#right_block .main_text01 p a{
	color: #003399;
}
#right_block .main_text01 p span{
    font-size: 14px;
}

#right_block .main_text02{
	width: 580px;
	margin-left: 10px;
	padding-bottom: 20px;
}
#right_block .main_text02 h6{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
	margin-top: 15px;
}
#right_block .main_text02 p{
	line-height: 160%;
	margin-bottom: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-left: 10px;
}
#right_block .main_text02 p span{
	font-style: normal;
	color: #000000;
}
#use_box{
	width: 580px;
	margin-left: 10px;
	margin-top: 20px;
}
#use_box:after {  
    content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}
#use_box{  
    zoom: 100%;
} 
#use_box li{
	line-height: 132%;
	width: 120px;
	text-align: center;
	height: 26px;
	padding-top: 104px;
	padding-right: 5px;
	padding-left: 5px;
	float: left;
	margin-right: 20px;
	font-size: 14px;
}
#use_box #use_web{
	background: url(../images/img_web.jpg) no-repeat;
}
#use_box #use_game{
	background: url(../images/img_game.jpg) no-repeat;
}
#use_box #use_rc{
	background: url(../images/img_rc.jpg) no-repeat;
}
#use_box #use_limit{
	background: url(../images/img_limit.jpg) no-repeat;
	height: 55px;
	padding-top: 75px;
	margin-right: 0px;
	font-size: 13px;
}
#use_box #use_home{
	background: url(../images/img_home.jpg) no-repeat;
}
#use_box #use_vpn{
	background: url(../images/img_vpn.jpg) no-repeat;
}
#use_box #use_ip{
	background: url(../images/img_ip.jpg) no-repeat;
}
#use_box #use_radio{
	background: url(../images/img_radio.jpg) no-repeat;
	margin-right: 0px;
}

#back_top{
	margin-top: 40px;
	width: 600px;
	font-size: 12px;
}
#back_top a{
	background: url(../images/ya_top.jpg) no-repeat left bottom;
	height: 15px;
	width: 125px;
	padding-left: 15px;
	line-height: 15px;
	display: block;
	float: right;
}
.pm_top{
	padding-top: 15px;
}

/* ----- 2ndページ以降 ----- */

#right_block .main_text ul{
	margin-top: 15px;
	margin-bottom: 40px;
}
#right_block .main_text .ul_no01{
	margin-top: 15px;
	margin-bottom: 30px;
}
#right_block .main_text .ul_no02{
	margin-top: 5px;
	margin-bottom: 30px;
}
#right_block .main_text .ul_no03{
	margin-top: 15px;
	margin-bottom: 0px;
}
#right_block .main_text li,#right_block .main_text .ul_no01 li,#right_block .main_text .ul_no02 li,#right_block .main_text .ul_no03 li{
	line-height: 145%;
	margin-bottom: 1em;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-left: 1em;
	list-style: disc;
}

#right_block .main_text .link_bg2,#right_block .main_text02 .link_bg2,#right_block .main_text02 .link_bg_in{
	background: url(../images/bg_ya.jpg) no-repeat left top;
	height: 30px;
	margin-bottom: 15px;
	margin-left: 0px;
	float: left;
	margin-right: 10px;
}
#right_block .main_text .link_bg2 span,#right_block .main_text02 .link_bg2 span,#right_block .main_text02 .link_bg_in a{
	height: 30px;
	background: #EFEFEF;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	display: block;
	width: 120px;
	margin-left: 5px;
	font-size: 16px;
	text-align: left;
	color: #333333;
	font-weight: bold;
}
#right_block .main_text02 .link_bg3{
	background: url(../images/bg_ya.jpg) no-repeat left top;
	height: 30px;
	margin-bottom: 40px;
	margin-left: 0px;
}
#right_block .main_text .link_bg3 a,#right_block .main_text02 .link_bg3 a{
	height: 30px;
	background: #EFEFEF;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	display: block;
	width: 90px;
	margin-left: 5px;
	font-size: 16px;
	color: #666666;
	text-align: left;
}
#right_block .main_text .link_bg3{
	background: url(../images/bg_ya.jpg) no-repeat left top;
	height: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#right_block .main_text .link_bg3 span{
	height: 30px;
	background: #EFEFEF;
	padding-right: 10px;
	padding-left: 10px;
	line-height: 30px;
	display: block;
	width: 105px;
	margin-left: 5px;
	font-size: 16px;
	color: #666666;
	text-align: left;
}
#right_block .main_text .link_bg4{
	background: url(../images/bg_ya.jpg) no-repeat left top;
	height: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-top: 20px;	
}
#right_block .main_text .link_bg5{
	background: url(../images/bg_ya.jpg) no-repeat left top;
	height: 30px;
	margin-bottom: 20px;
	margin-left: 0px;
}
#right_block .main_text .link_bg4 span,#right_block .main_text .link_bg5 span{
	height: 30px;
	background: #EFEFEF;
	padding-right: 5px;
	padding-left: 10px;
	line-height: 30px;
	display: block;
	margin-left: 5px;
	font-size: 16px;
	color: #666666;
	text-align: left;
}


#right_block .main_text02 h5{
	color: #FFFFFF;
	margin-left: 5px;
	border-style: none;
	background: url(../images/bg_chara.jpg) no-repeat left top;
	line-height: 20px;
	height: 20px;
	font-weight: normal;
	padding-left: 9px;
	clear: both;
}
#right_block .p_text_t{
    margin-top: 10px;
}
#right_block .main_text .p_text_t02{
	margin-top: 15px;
	margin-bottom: 0px;
	color: #333333;
}
#right_block iframe{
	margin-top: 10px;
	width: 120px;
	height: 240px;
	margin-left: 25px;
}
.m_top{
	padding-top: 5px;
	clear: both;
}
.cl{
	clear: both;
}

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

#footer{
	width: 800px;
	clear: both;
	border-top: 5px solid #CC0000;
	min-height:54px;
	height:85px;
	margin-top: 20px;
	color: #FFFFFF;
	background: #666666;
	text-align: center;
}
#footer ul{
	margin-top: 15px;
	text-align: center;
	margin-bottom: 25px;
}
#footer li{
	display: inline;
}
#footer li a{
	color:#FFFFFF;
	text-decoration: none;
	padding-right: 3px;
}
#footer li a:hover{
	color:#FFFFFF;
	text-decoration: underline;
}
.copyr{
	font-size: 10px;
	text-align: center;
}