@charset "utf-8";
@import url("./css/tables.css");
@import url("./css/commonstyles.css");

/* ★fixedCss★ */
/*
==================================================
テーブル共通
==================================================


*/
table{
	width:100%;
	font-size:13px;
	margin:10px 0;
	border-collapse: collapse;
	border-spacing:0px;
}

th{
	background-color:#EBEBEB;
	padding:0;
}

td{
	background-color:#FFFFFF;
	padding:0;
	text-align: center;
}

table,td,th{
	border:solid 1px #CCC;
}

td,th{
	overflow: hidden;
}

table#toptbl,table#toptbl td,table#toptbl th{
   border:none;
}

#menu .ritem td,#rmenu .ritem td{border:none;}

.rtitle {
	height: 44px;
	text-align: center;
	overflow: hidden;
	padding: 4px;
}

.rimg {
	text-align: center;
}

.timg img{
	max-width:200px;
	height:auto;
}

.price {
	color: #CC0000;
	font-weight: bold;
}

.tdesc {
	text-align: left;
	vertical-align: top;
}


/*
==================================================
商品陳列型
==================================================
*/
.ritm{
	background-color:#FFFFFF;
	table-layout:fixed;
}
.ritm th,.ritm td{
	padding:6px;
	line-height: 120%;
	vertical-align:top;
	text-align: center;
}

/*
==================================================
特定取引法に関する表記
==================================================
*/
.tokusho {

}

.tokusho th, .tokusho td {
	padding: 8px;
}

.tokusho th {
	background-color: #E3E3E3;
	width: 30%;
}

/*
==================================================
商品説明
==================================================
*/
.ritm_desc {

}
.ritm_desc td {
	vertical-align: top;
	padding: 10px;
}
.ritm_desc .title {
	background-color: #EBEBEB;
	padding: 5px;
	margin-bottom: 8px;
	text-align:left;
	line-height:120%;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-weight:normal;
}



.ritm_desc .title a{
	color:#333;
}

.ritm_desc .title a:hover{
	color:#FF0000;
}

.ritm_desc .desc{
	padding:20px;
}

.ritm_desc .price {
	text-align: left;
	padding: 0px;
}
.ritm_desc .img {
	width: 20%;
}
.ritm_desc .more, .ritm_desc .price, .ritm_desc .review {
	line-height: 25px;
	height: 25px;
	margin-right: 5px;
	margin-left: 5px;
}


/*
==================================================
ランキングテーブル１
==================================================
*/

table.rnk1item {
	table-layout:auto;
}

.rnk1item td,.rnk1item th{
	border:none;
	border-bottom:dotted 1px #CCC;
}

.rnk1item th {
	background-color: #FFF;
	width: auto;
	padding:5px;
	vertical-align:middle;
}
.rnk1item td {
	background-color: #FFFFFF;
	vertical-align: top;
	font-size: 12px;
	line-height: 130%;
	padding: 15px 10px;
}
.rnk1item .ttitle {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 130%;
}

.rnk1item th, .rnk1item td {

}
.rnk1item .timg {
	width: auto;
	padding-top: 10px;
	vertical-align:middle;
}
.rnk1item .alt th, .rnk1item .alt td {

}

/*
==================================================
ランキングテーブル２
==================================================
*/
table.rnk2item {
	table-layout:auto;
}

.rnk2item .timg, .rnk2item .tdesc {
	padding: 8px;
	vertical-align: top;
}

.rnk2item th.ttitle {
	padding: 10px;
	text-align: left;
	font-size: 16px;
}

.rnk2item td.tdesc {
	width:100%;
}

.rnk2item td.timg {
	width:auto;
}

.rnk2item td.tdesc,.rnk2item td.timg {
}


.rnk2item .timg img {
	padding-bottom: 10px;
	height:auto;
}

.rnk2item .tdesc {
	line-height: 150%;
}

table.rnk2item table.ttable {
	width:101%;
	margin: 0px;
	padding: 0px;
	border:none;
	table-layout:fixed;
}

.ttable th, .ttable td {
	padding: 8px;
	line-height:130%;
	text-align: center;
	border:none;
	border-right:dotted 1px #CCC;
}

/*
==================================================
ランキングテーブル３
==================================================
*/

.rnk3item {
	table-layout:auto;
}
.rnk3item th {
	text-align: left;
	padding: 8px;
	font-size: 17px;
}
.rnk3item th img {
	vertical-align: bottom;
	margin-right: 6px;
}

.rnk3item td {
	padding: 10px;
	border:none;
}
.rnk3item td.timg {
	text-align: center;
	width: auto;
}



/*
==================================================
価格比較テーブル
==================================================
*/
.prc1item {
	table-layout:auto;
}

.prc1item th {
	padding: 6px;
	text-align: center;
}

.prc1item td {
	text-align: center;
	padding: 6px;
}
.prc1item td {
	text-align: center;
	padding: 6px;
}
.prc1item .alt td {
	background-color: #F5F5F5;
}

.prc1item .price {
	text-align: right;
	width: 100px;
	font-size:15px;
}

/*
==================================================
項目説明型
==================================================
*/
.dsc1item,.dsc2item {
	background-color: #CCCCCC;
	table-layout:fixed;
}
.dsc1item th, .dsc1item td,.dsc2item th, .dsc2item td {
	padding: 6px;
}

.dsc1item th{
	width:30%;
}

.dsc1item th , .dsc2item th {
	text-align: center;
}

.dsc1item td , .dsc2item td {
	vertical-align: top;
}

/*
==================================================
メニュー型
==================================================
*/
.tblmenu1item td {
	font-size: 12px;
	line-height: 130%;
	vertical-align:top;
	border:none;
}
.tblmenu1item td .ttitle {
	background-color: #EEEEEE;
	font-weight: bolder;
	padding: 7px;
	margin-bottom: 8px;
	font-size: 13px;
}



.ttable th, .ttable td {	
	padding: 8px;
	width: 25%;
	text-align: center;
}



.haikei {
	background-color: #FFFFF;
	display:inline;
	text-align:center;
	vertical-align:middle;
}

.haikei2 {
	background-color: #FFFFF;
	display:inline;
	text-align:left;
	vertical-align:middle;
}

.matome-koteimobile {
	background-color: #FFFDD7;
	display:inline;
	text-align:left;
	line-height:180%;
}

.mokuji {
	background-color: #FFFDD7;
	text-align:left;
	line-height:200%;
	vertical-align:middle;
}

.mokuji2 {
	text-align:left;
	line-height:200%;
	vertical-align:middle;
	border: 3px solid #407d70;
	padding: 12px;
}


img.grow {
	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;
}

img.grow:hover {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.block2 {
    position: relative;
    padding: 20px;
    z-index: 10;
    top: 0;
    left: 0;
}
.block2:before, .block:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
}
.block2:before {
    top: 0;
    left: 0;
    z-index: -10;
    background: #f5f5f5;
}
.block2:after {
    top: 4px;
    left: 4px;
    z-index: -20;
    background: rgba(0,0,0,0.1);
    box-shadow: 4px 4px 0 0 rgba(0,0,0,0.2);
    -moz-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.2);
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,0.2);
}

.block {
    padding: 10px 20px;
    margin: 10px;
    background: #ffe4e1;
    box-shadow: #ffe4e1 0 0 10px 10px;
    -webkit-box-shadow: #ffe4e1 0 0 10px 10px;
    -moz-box-shadow: #ffe4e1 0 0 10px 10px;
}

.myButton {
	-moz-box-shadow:inset 0px 0px 0px 3px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 3px #ffffff;
	box-shadow:inset 0px 0px 0px 3px #ffffff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
	background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
	background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
	background-color:#f9f9f9;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:4px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	padding:9px 33px;
	text-decoration:none;
	text-shadow:2px 2px 16px #ffffff;
}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
	background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
	background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
	background-color:#e9e9e9;
}
.myButton:active {
	position:relative;
	top:1px;
}


.but {
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.but:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.but:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

.button {
	position: relative;
	-webkit-perspective: 300px;
	perspective: 300px;
}
.button span {
	display: block;
	position: absolute;
	width: 200px;
	height: 60px;
	border: 2px solid #333;
	text-align: center;
	line-height: 56px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	pointer-events: none;
}
.button span:nth-child(1) {
	background-color: #333;
	color: #fff;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	transform: rotateX(90deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button span:nth-child(2) {
	background-color: #fff;
	color: #333;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
	-webkit-transform-origin: 50% 50% -30px;
	-moz-transform-origin: 50% 50% -30px;
	transform-origin: 50% 50% -30px;
}
.button:hover span:nth-child(1) {
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.button:hover span:nth-child(2) {
	background-color: #333;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
}

.btn03 {
    color: #fff;
    text-decoration: none;
    background: #9EB8F3;
    width: 280px;
    padding: 30px 20px;
    position: relative;
    overflow: hidden;
    text-align: center;
    display: block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn03:hover {
    background-size: 100px 100px;
    background-position: right 50%;
    background-color: #799CEE;
}
.btn03::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 30px;
    background: url("img/icon.png") no-repeat 0 50%;
    background-size: 38px 38px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn03:hover::before {
    left: 240px;
    background-size: 80px 80px;
 
}
.btn03 span {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
 
}
.btn03:hover span {
    margin-left: -180px;
}

.btn01 {
    color: #fff;
    text-decoration: none;
    background-color: #dda0dd;
    display: block;
    width: 150px;
    height: 150px;
    line-height: 150px;
    border-radius: 50%;
    /* ここで動く速度とか設定 */
    transition: all 1s ease;
    -webkit-transition: all 1s ease;
}
.btn01:hover {
    transform: rotate(720deg);
    -webkit-transform: rotate(720deg);
}


.ylw{
	background-color:#FFEC8E;
	font-weight:bold;
	padding:1px;
}


body {
text-align: center;
background-color:#ffffff;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:16px;
color:#444444;
margin-top:0px;
margin-bottom:0px;
margin-left:0;
margin-right:0;
line-height:1.6;






}

h1,h2,h3,h4 {
margin:0px;
padding:0px;
font-weight:normal;
}

p {
margin:0px;
padding:0px;
}

img  {
border: none;
vertical-align:top;
}

table  {
border:none;

}

br  {
letter-spacing:normal;
}

br.clear{
clear:both;
padding:0px;
margin:0px;
height:0px;
line-height:0;
}

ul,ol,li  {
margin:0px;
/*padding:0px;*/
/*list-style:none;*/
}

a:link    {
text-decoration:underline;
color:#07667F;
} 

a:visited {
text-decoration:underline;
color:#92001C;
} 

a:active{
text-decoration:underline;
color:#92001C;
}

a:hover {
text-decoration:underline;
color:#92001C;
}

#container{
width:100%;	
margin:0 auto;	
padding:0;	
text-align:left;
  background: radial-gradient(#b0e0e6, #F0F6FC) fixed;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}	

#header{	
margin:0 auto;	
width:100%;	
padding:0px 0px 0px 0px;	
background-color:#ffffff;
}	

#headertext {	
	font-size: 11px;
	position: relative;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align:left;
	color: #5885bc;
	letter-spacing: 0.5px;
	font-weight: 600;
	padding-top:2px;
	top:-10px;
	padding-left:10px;
}	

h1 {	
	font-weight: normal;
	font-size: 10px;
	text-align:left;
	color: #aaa;
	top: 10px;
	padding-top: 5px;
	padding-left:15px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}	

#topmenu_block{
	width: 100%;
	background-color:#1d8fca;
	background-repeat:repeat-x;
	height:50px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	text-align:center;
	padding-left:20px;

}

#topmenu_tag {
width:823px;
margin-right: auto;
margin-left: auto;
}

#topmenu{
font-size: 12px !important;
width:823px;
margin:0 auto;
padding:0;
text-align:center;
height:36px;
display: inline;

}

#topmenu span {
float: left;
width: 16%;
border-right:1px #18528c solid;	
border-collapse: collapse;
}

#topmenu span:first-child {
border-left:1px #18528c solid;
margin-left:10px;
}

#topmenu a{
text-align: center;
display:block;
padding:9px 8px;
width: 90%;
color:#ffffff;
text-decoration:none;
font-size:14px;
line-height:32px;
}

#topmenu a:hover{
background-color:#18528c;
color:#ffffff;
text-decoration:none;
font-size:14px;
}

#mainpict_block{
background-color:#F5E7DE;
width:100%;
margin: 0;
padding: 0;
margin-bottom:20px;


}

#mainpict{
width:823px;
margin:0 auto;
padding:0;
text-align:center;

}

#wrapper{
width:100%;
margin:0 auto;
padding:0;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
background-color:#acdaf9;
}

#contents {
	max-width:1022px;
	margin:auto;
	width:100%px;

}

#side{
float:left;
width:210px;
}

.category_name{
background-color:#CA4F67;
color:#ffffff;
font-size:14px;
font-weight:bold;
padding:8px;
margin-bottom:4px;
}

#side ul{
list-style-type: none;
padding: 0;
margin-bottom:15px;
}

#side li{
margin-bottom:4px;

}

#side li a{
background-color:#F4E5E8;
margin-bottom:4px;
padding:10px 10px;
display:block;
color:#444444;
text-decoration:none;
width:190px;
height:20px;
}

#side li a:hover{
background-color:#f5dcc5;
margin-bottom:4px;
color:#444444;
text-decoration:none;
}

#main{
float:left;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	padding:8px;
	border: 1px solid rgba(187, 187, 187, 0.13);
	border-radius: 2px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset,
                0 0 2px rgba(255, 255, 255, 0.3) inset,
                0 0 10px rgba(0, 0, 0, 0.1) inset,
                0 1px 20px rgba(0, 0, 0, 0.1);
	margin:10px;
	background-color:#ffffff;
	positon:relative;
	top:15px;
}

h2{
line-height:normal;
font-size:18px;
font-weight:bold;
border-bottom:#CCCCCC solid 1px;
border-left:#CA4F67 solid 4px;
padding:6px;
margin-bottom:25px;
margin-left:2px;	
color:#666666;	
}	

#main  h3{	
	background-image: url(img/h5.jpg);
	background-position: left 2px;
	background-repeat: no-repeat;
	font-size: 15px;
	line-height:26px;
	text-indent: 25px;
	margin-top: 10px;
	margin-bottom: 3px;
}	

#main  h5{	
	background-image: url(img/h6.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	font-size: 15px;
	line-height: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
}	
.banner_area{	

}	


.left{	
text-align:left;	
}

.right{
text-align:right;

}

.text{
margin:2px 2px 25px 2px;
line-height:140%;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}


.sidebox{
padding:8px;
margin-bottom:30px;
}


.table_item{
background-color:#f8ede7;
text-align:left;
vertical-align:top;
}

.table_text{
background-color:#f3f3f3;
text-align:left;
vertical-align:top;
}

#pagetop{
clear:both;
width:823px;
margin:0 auto;
text-align:right;
}

#pagetop_but{
background:#DE8294;
padding:2px 8px;
text-align:center;
width:70px;
float:right;
font-size:11px;
}

#pagetop a:link {color:#ffffff;text-decoration:none;}
#pagetop a:visited  {color:#ffffff;text-decoration:none;}
#pagetop a:hover {color:#ffffff;text-decoration:underline;}	
#pagetop a:active  {color:#ffffff;text-decoration:underline;}	

#footer{	
clear:both;	
text-align: center;	
background-color:#1d8fca;	
margin:0 auto;	
width:100%;
}	

#footer a{	
	color: #FFFFFF;
	text-decoration: none;
}	
#footlink {	
	text-align: center;
	padding-top: 8px;
	padding-bottom: 8px;
	color: #666666;
	font-size: 12px;
	background-color: #E5E5E5;
}	
#footlink a {	
	color: #666666;
	margin-left:5px;
	margin-right:5px;
}	

#copyright{	
margin:0 auto;	
padding:4px 2px 15px 2px;	
width:823px;	
font-size:10px;	
text-align:center;	
color:#ffffff;	

}	

#copyright a:link {color:#ffffff;}	
#copyright a:visited  {color:#ffffff;}	
#copyright a:hover {color:#ffffff;}	
#copyright a:active  {color:#ffffff;}	


#submenu {	
	padding: 15px 0 5px 0;
	list-style: none;
	text-align: center;
	font-size:12px;

}	

#submenu li {	
	margin: 0px;
	padding: 0 10px;
	display: inline;
}	

#submenu li a {	
	color: #FFFFFF;
}	

#siteNavi {	
	font-size: 0.775em;
	line-height: 1.5em;
	margin-bottom:15px;
}	

.FloatEnd {	
	clear: both;
	display: block;
	height: 1px;
}	

a,a:visited{	
	color:#006699;
}	

a:hover{	
	color:#FF0000;
}	

a img {	
  border: none;	
  text-decoration: none;	
}	

.txt-img img{	
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}	

.txt-img01 img{	
	margin: 10px;
}	


strong {	
  margin: 0 0.2em;	
  padding: 0;
  font-weight: bold;
}

em {
  margin: 0 0.2em;
  padding: 0;
  font-weight: normal;
  text-decoration: underline;
}

ul, ol {
  display: block;
  _margin-left:0;
  _margin-right:0;
}

dl{	
	margin:0;
	padding:0;
}	

ul {	
	margin-top: 10px;
	margin-bottom: 10px;
	_margin-left: 20px;
	_padding-left: 20px;
}	


ol {	
	list-style-type: decimal;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	_margin-left: 30px;
	_padding-left: 20px;
}

*:first-child+html ol{	
	margin-left: 30px;
	padding-left: 20px;
}	

li {	
	display: list-item;
	margin: 0;
}	

ul li {	
	list-style-type: none;
}	

#main ul li {	
	list-style-type: none;
	list-style-image: url(./img/li.gif);
	margin-left: 30px;
}	


p {	
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}	

#text1  {
	margin-bottom: 25px;
	padding: 10px 14px;
	color:#666666;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
line-height:26px;
font-size:18px;

}



#text2, #text3, #text4, #text5, #text6, #text7, #text8, #text9, #text10, #space1 ,#space2 {	
	margin-bottom: 25px;
	padding: 10px 14px;
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:18px;

}	

#space1{
margin:0px;
}	

#space3, #space4, #space5, #space6 {	
	background-color: #FFFFFF;
	text-align: center;
	line-height: 120%;
	font-size: 12px;
	padding: 8px;

}	

form input {	
	vertical-align: middle;
}	

.blog .title a{	
	color:#DF4567;
}	

#sitemaps{	
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}	

#sitemaps ul{	
	margin:0;
	padding:0;
}	

#sitemaps li{	
	list-style-type: none;
	list-style-image: none;
}	

#sitemaps .sbox1, #sitemaps .sbox2 {	
	width: 47%;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}	

#sitemaps .sbox1 {	
	float: left;
	clear: left;
}	

#sitemaps .sbox2 {	
	float: right;
	clear: right;
}	

#sitemaps .l1 {	
	background-image: url(./img/sitemap_l1.jpg);
	line-height: 26px;
	height: 26px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top:0px;
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 35px;
	overflow: hidden;
}	


#categorylist {	
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}	

#categorylist .cbox{	
	margin-bottom:15px;
	font-size:13px;
}	

#categorylist .cbox:after {	
	clear: both;
}	

#categorylist h4 {	
	clear: none;
	background-repeat: no-repeat;
	font-size: 15px;
	height: 30px;
	padding-left: 25px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	line-height: 30px;
	background-position: left top;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	overflow: hidden;

}	

#categorylist h4 a{	
	color: #DE2147;

}	

#categorylist .desc {	
	font-size: 12px;
	line-height: 130%;
	color: #505050;
	padding: 10px;
}	

#categorylist  .more {	
	text-align: right;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
}	
#categorylist .bottom {	
	background-repeat: no-repeat;
	background-position: center bottom;
}	


#main #entrylist h4 {	
	background-image: url(./img/entlist_title.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-left: 30px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}	

.txt-border {	
	background-image: url(img/dott.gif);
	line-height: 22px;
	font-size: 13px;
	margin: 10px;
	padding: 0px;
	background-position: 0px 5px;
}	

.txt-border p {	
	line-height: 22px;
	font-size: 13px;
}	

.txt-line  {	
	border: 2px solid #CCCCCC;
}	

.txt-yellowback {	
	background-color: #FFF9DF;
	border: 2px solid #CC0000;
}	

.txt-grayback {	
	border: 1px solid #D9D9D9;
	background-color: #F5F5F5;

}	

.txt-colorback {	
	border:solid 1px #FFB380;
	background-color: #FFF2DF;
}	

.txt-frame{	
	border:solid 2px #CCCCCC;
}	

.txt-colorframe{	
	border:solid 2px #CC0000;
}	

.txt-rndbox .top{	
	height:15px;
	background-image: url(./img/round.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	

.txt-rndbox .body{	
	border-left:solid 1px #B4B4B4;
	border-right:solid 1px #B4B4B4;
	padding:10px 30px;
}	

.txt-rndbox .bottom{	
	height:15px;
	background-image: url(./img/round.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}	

.txt-decbox1 {	
	background-image: url(./img/dec1_body.gif);
	background-repeat: repeat-y;
}	

.txt-decbox1  .top{	
	height:50px;
	background-position: left top;
	background-image: url(./img/decbox1.gif);
	background-repeat: no-repeat;
	padding-top: 30px;
	padding-right: 50px;
	padding-left: 50px;
	font-size: 30px;
}	

.txt-decbox1  .body{	
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}	

.txt-decbox1  .bottom{	
	height:70px;
	background-image: url(./img/decbox1.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}	

.txt-decbox2 {	
	background-image: url(./img/dec2_body.gif);
	background-repeat: repeat-y;
}	

.txt-decbox2  .top{	
	height:40px;
	background-image: url(./img/decbox2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 40px;
	padding-right: 50px;
	padding-left: 50px;
	font-size: 30px;
}	

.txt-decbox2  .body{	
	padding-top: 5px;
	padding-right: 50px;
	padding-bottom: 0px;
	padding-left: 50px;
}	

.txt-decbox2  .bottom{	
	height:65px;
	background-image: url(./img/decbox2.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}	

#main .txt-grayback,#main  .txt-colorback,#main .txt-line, #main .txt-frame,#main .txt-colorframe{	
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 30px;

}	

#main .txt-rndbox, #main .txt-decbox1, #main .txt-decbox2{	
	padding:0px;

}	

#main .txt-decbox1 h3,#main .txt-decbox2 h3 ,#main .txt-decbox1 h2,#main .txt-decbox2 h2{	
	width: auto;
	padding: 0px;
	position: static;
	background-image: none;
	border: none;
	font-size: 26px;
	text-align: center;
}	

#main .txt-decbox1 h3 span, #main .txt-decbox2 h3 span {	
	background-image: none;

}	

.txt-colorback {	
	border:solid 1px #FFB380;
	background-color: #FFF2DF;
}	

.txt-colorframe{	
	border:solid 2px #CC0000;
}	

#main .txt-decbox1 h3,#main .txt-decbox2 h3 ,#main .txt-decbox1 h2,#main .txt-decbox2 h2{	
	color:#333;
	background-color:#FFF;
	line-height:140%;

}	



.hd{	
	color: #333;
	text-decoration:none;
}	

#menu {	
	float: left;
	width: 220px;
	padding-top: 5px;
	padding-bottom: 10px;

}	

#menu a:link{	
color:#595959;	
text-decoration:none;	
}	

#menu a:visited {	
color:#595959;	
text-decoration:none;	
}

#menu a:active{
color:#595959;
text-decoration:underline;
}

#menu a:hover{
color:#595959;
text-decoration:underline;
}


#menu ul{
list-style-type: none;
padding: 0;
margin-bottom:20px;
}

#menu li{
margin-bottom:4px;

}




#menu li a{
background-color:#FFFFFF;
margin-bottom:4px;
padding:10px 10px;
display:block;
color:#666666;
text-decoration:none;
width:198px;
height:18px;
font-size:11px;

border:1px #999999 solid;

}

#menu li a:hover{
background-color:#FFFAFA;
margin-bottom:4px;
color:#FF2F58;
text-decoration:none;
}






#menu h4 ,#rmenu h4 ,.menutitle {
	line-height: 20px;
	background-color:#1d8fca;
	padding: 10px 10px 10px 5px;
	color:#ffffff;
	text-align: center;
	font-size:14px;
	font-weight:bold;

margin-bottom:4px;	
font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;
}	




.grayline{	
	border: 1px solid #CCCCCC;
}	

#main .grayline{	
	padding:10px;
	margin-bottom:15px;
}	

#menu .grayline{	
	font-size:90%;
	padding:8px;
	margin-bottom:15px;
}	


.shadow1 {
	color: #FFF;
	text-shadow:
		-1px -1px #000,
		1px -1px #000,
		-1px 1px #000,
		1px 1px #000;
}


table.niftywimax1 th{ 
	text-align:center;
	font-weight: bold;
	 text-shadow:0 -1px 0 rgba(34,85,136,0.9);
	color: #fff;
  	 background: #258;
	 background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	 background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
}

table.niftywimax1 td{ 
	text-align:center;

}


table.ntt_hikari1 th{ 
	text-align:center;
	font-weight: bold;
	 text-shadow:0 -1px 0 rgba(34,85,136,0.9);
		border-collapse:separate;
	color: #fff;
  	 background: #258;
	 background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	 background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
}

table.ntt_hikari1 td{ 
	border-collapse:separate;
}

table.au_hikari1 th{ 
	text-align:center;
	font-weight: bold;
	 text-shadow:0 -1px 0 rgba(34,85,136,0.9);
		border-collapse:separate;
	color: #fff;
  	 background: #258;
	 background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);
	 background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));
}

table.au_hikari1 td{ 
	border-collapse:separate;
}
table.auhiakrihikaku1 th{ 
	border-collapse:separate;
	text-align:center;
	    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;

}

table.auhiakrihikaku1 td{ 
	border-collapse:separate;
}


.box10{
	border: solid 4px #FFADAD;
}
.box10 .b1{
	border: solid 4px #FFBEBE;
}
.box10 .b2{
	border: solid 4px  #FFDEDE;
}
.box10 .b2{
	background-color: #FFECEC;
	padding: 0.7em;
}
-----------------
#sonet_table{
border-collapse:collapse;
}

#sonet_table td {
border:solid 3px #aaa;
}

#sonet_table tr:first-child td:first-child
{
background-color:#FFFFCC;
font-weight:bold;
}

table.auhiakrihikaku1 th{ 
	border-collapse:separate;
	text-align:center;
}

table.auhiakrihikaku1 td{ 
	border-collapse:separate;
}

table.sonetauhikari1 th{ 
	border-collapse:separate;
	text-align:center;
}

table.sonetauhikari1 td{ 
	border-collapse:separate;
}

.effect8 {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
    position: relative;
	padding:40px;
}
.effect8:before, .effect8:after {
    border-radius: 100px 100px 100px 100px / 10px 10px 10px 10px;
    bottom: 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: -1;
}
.effect8:after {
    left: auto;
    right: 10px;
    transform: skew(8deg) rotate(3deg);
    -webkit-transform: skew(8deg)  rotate(3deg);
    -moz-transform: skew(8deg)  rotate(3deg);
    -ms-transform: skew(8deg)  rotate(3deg);
    -o-transform: skew(8deg)  rotate(3deg);
}

table.auhikari2 {


  border-spacing: 0;

  font-size:15px;
}

table.auhikari2 th {

  color: #fff;

  padding: 8px 15px;

  background: #258;

  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);

  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));

  font-weight: bold;

  border-left:1px solid #258;

  border-top:1px solid #258;

  border-bottom:1px solid #258;

  line-height: 120%;

  text-align: center;

  text-shadow:0 -1px 0 rgba(34,85,136,0.9);

  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;

}


body {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
        padding: 10px;
	width: 98%;
	margin: auto;

}
input {
  display: none;
}
label {
  /* cursor: pointer; */
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background: #08233E
  color: #FFF;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
/* label:hover { 
  background: #0090aa;
}*/
.panel {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  background: #F5F0CF;
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
width:100%;
}
input:checked + .panel {
  height: auto;
  padding: 15px;
}

.input {
  display: none;
}
label1 {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background: #0bd;
  color: #FFF;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
label1:hover {
  background: #0090aa;
}
.panel1 {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  background: #F5F0CF;
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
 width:100%;
}
input:checked + .panel1 {
  height: auto;
  padding: 15px;
}




table.auhikari3 {


  border-spacing: 0;

  font-size:15px;
 	margin:0px
}

table.auhikari3 th {

  color: #fff;

  padding: 8px 15px;

  background: #258;

  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);

  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));

  font-weight: bold;

  border-left:1px solid #258;

  border-top:1px solid #258;

  border-bottom:1px solid #258;

  line-height: 120%;

  text-align: center;

  text-shadow:0 -1px 0 rgba(34,85,136,0.9);

  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;

}

#acMenu dt{
    display:block;
    width:100%;
    height:30px;
	padding-top:10px;
	padding-bottom:10px;

    text-align:center;
    border:#666 1px solid;
    cursor:pointer;


 background: -moz-linear-gradient(top,#80CCE6,#80CCE6 5%,#09C 5%,#069 95%,#069 95%,#00293D);
 background: -webkit-gradient(linear, left top, left bottom, from(#80CCE6), color-stop(0.05,#80CCE6), color-stop(0.05,#09C), color-stop(0.95,#069), color-stop(0.95,#00293D), to(#00293D));
   border: 1px solid #DDD;
    color: #FFF;



    }

#acMenu dd{
    width:100%;
    height:auto;
    text-align:center;
    border:#666 1px solid;
    display:none;
    margin:0px;
}

#acMenu1 dt{
	display:block;
	width:100%;
	height:30px;
	text-align:center;
	border:#666 1px solid;
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
	background: #EEE;
	line-height: 32px;

}



.ac_button{
	font-weight:bold;
	font-size:18px;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
}
.ac_button:hover{
	font-size:20px;	
	font-weight:bold;
}


.ac_button2{
	font-weight:bold;
	font-size:24px;
	-webkit-transition-duration: .2s;
	transition-duration: .2s;
}
.ac_button2:hover{
	font-size:28px;	
	font-weight:bold;
}




table.ninki1 { border-spacing : 5px;
        border-collapse : separate ;
 }


td.ninnin1 { 

	background:#FFBE4E;
         padding : 3px;
	text-align:center;
	border-radius:10px;
	box-shadow:5px 5px;
	width:200px;
	 }

th.ninnin1 { 
	background:#fff
	border: 1px #FFBE4E;
         padding : 3px;
	text-align:center;
	border-radius:10px;
	width:200px;
	 }
td.ninnin2 { 
 	
	background:#FF7A0A;
         padding : 3px;
	text-align:center;
	border-radius:10px;
	box-shadow:5px 5px; 
	width:200px;}
th.ninnin2 { 
 	background:#fff
	border: 1px #FF7A0A;
         padding : 3px;
	text-align:center;
	border-radius:10px; 
	width:200px;}

td.ninnin3 { 

	background:#4EFF57;
         padding : 3px;
	text-align:center;
	border-radius:10px; 
	box-shadow:5px 5px;
	width:200px;}
th.ninnin3 { 
	background:#fff
	border: 1px #4EFF57;
         padding : 3px;
	text-align:center;
	border-radius:10px; 
	width:200px;
}

.btn_ninki1 {  text-align:center;background:#FFBE4E; border-radius:10px; width:180px; padding:10px; box-shadow:5px 5px;


}

.btn_ninki2 {  text-align:center; background:#FF7A0A; border-radius:10px; width:180px; padding:10px; box-shadow:5px 5px;


}
.btn_ninki3 {  text-align:center; background:#4EFF57; border-radius:10px; width:180px; padding:10px; box-shadow:5px 5px;


}


#ads{
		position:fixed;
		top:0px;
		margin:0px auto;
		z-index:5000;
		display:none;
		max-width:100%;
		width:1000px;
	}


#ads2{
    position: fixed;
    top: 0px;
    margin: 0px auto;
    margin-left: 0px;
    z-index: 5000;
    display: none;
    width: 606px;
    border: solid 3px #ccc;
    background-color: #FF814E;
}

		
	}


.remove{
	display:block;
	position:absolute;
	right:10px;
	top:5px;
	font-size:20px;
	cursor:pointer;
}

.button2{
  width:70%;
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button2:hover { background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  text-decoration: none;
}


.button3{
  width:160px;
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.button3:hover { background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  text-decoration: none;
}



.button4{
  background: #FF814E;
  border-radius:20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.button4:hover { background: #FFC493;
  text-decoration: none;
}


table.komyufa {


  border-spacing: 0;

  font-size:13px;
 	margin:0px
}

table.komyufa th {

  color: #fff;

  padding: 8px 15px;

  background: #258;

  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);

  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));

  font-weight: bold;

  border-left:1px solid #258;

  border-top:1px solid #258;

  border-bottom:1px solid #258;

  line-height: 120%;

  text-align: center;

  text-shadow:0 -1px 0 rgba(34,85,136,0.9);

  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;

}

table.komyufa td {

	padding:5px;
}




table.sumamoba th {

  color: #fff;

  padding: 8px 15px;

  background: #258;

  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);

  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));

  font-weight: bold;

  border-left:1px solid #258;

  border-top:1px solid #258;

  border-bottom:1px solid #258;

  line-height: 120%;

  text-align: center;

  text-shadow:0 -1px 0 rgba(34,85,136,0.9);

  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;

}

table.sumamoba td {

	padding:5px;
}


#ads2{
		position:fixed;
		top:0px;
		margin:0px auto;
		margin-left:0px;
		z-index:5000;
		display:none;
		
		width:606px;
}

.button5{
  background: #FF814E;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	text-align:center;
}

.button5:hover { background: #FFC493;
  text-decoration: none;
}
.button6{
  background: #FF814E;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	color:#fff;
	border-radius:20px;
	font-weight:bold;
	cursor:pointer;
}

.button6:hover { background: #FFC493;
  text-decoration: none;
}


.red{
	background-color:#FF0A0A;
	color:#fff;
	padding-top:1px;
	padding-right:3px;
	padding-left:2px;
}


.formTable{
	background-color:#fffafa;
	font-size:14px;
}

.formTable th{
	background-color:#fffafa;
	font-size:14px;
	width:25%;
	padding:10px;
	text-align:center;
	border:none;
	border-top:dotted 3px #CCC;
	padding-left:10px;
	border-right:dotted 3px #CCC;
}

.formTable td{
	background-color:#fffafa;
	font-size:14px;
	width:75%;
	border:none;
	border-top:dotted 3px #CCC;
	padding:10px;
}
.formTable{
	background-color:#fffafa;
	font-size:14px;
}

.waimobairu{
	background-color:#fffafa;
	font-size:14px;
	padding:10px;
	text-align:center;
	border:dotted 3px #CCC;
	padding-left:10px;
	border-right:dotted 3px #CCC;
}

.waimobairu td{
	background-color:#fffafa;
	font-size:14px;

	border-top:dotted 3px #CCC;
	padding:10px;
}
.button_shosai{
background-color: #FF7A0A;
    color: #fff;
    text-decoration: none;
    padding: 10px 45px;
    box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 5px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 10px 0px;
    border-radius: 5px;
}

.button_shosai:hover {
    box-shadow: rgba(0, 0, 0, 0.180392) 0px 5px 11px 0px, rgba(0, 0, 0, 0.14902) 0px 4px 15px 0px;
    background-color: #FF8621;
}

.button_shosai1{
	background-color: #FF0A0A;
    color: #fff;
    text-decoration: none;
    padding: 10px 45px;
    box-shadow: rgba(0, 0, 0, 0.156863) 0px 2px 5px 0px, rgba(0, 0, 0, 0.117647) 0px 2px 10px 0px;
    border-radius: 5px;
}

.button_shosai1:hover {
    box-shadow: rgba(0, 0, 0, 0.180392) 0px 5px 11px 0px, rgba(0, 0, 0, 0.14902) 0px 4px 15px 0px;
    background-color: #FF4747;
}

.au_box {
    padding: 20px;
    background: #fff;
    border: 4px #66cdaa solid;
    position: relative;
    z-index: 10;
}
 
.au_box:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #7accb0 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}


.mobilehikaku1 {
	text-align:center;
	font-weight:bold;
}


.mobilehikaku1 th{
	background-color:#4682B4;
	color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	font-size:15px;
}


.mobilehikaku1 td{
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
}

.mokuji_box_green {
    padding: 20px;
    background: #fff;
    border: 4px #66cdaa solid;
    position: relative;
    z-index: 10;
}
 
.mokuji_box_green:before {
    content: "";
    position: absolute;
    background: #fff;
    margin: 3px;
    border: 2px #7accb0 solid;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -10;
}

.mokuji_box3{
border:solid 3px;
padding:20px;
line-height:240%;
font-weight:bold;
}


.pocket {
	text-align:center;
	font-size:15px;
}

.pocket th{
	color:#ffffff;
	background-color:#002F81;
	padding:10px;
	font-weight:bold;
		font-size:18px;
}

.pocket td{
	color:#ffffff
	background-color:#002F81;
	padding:5px;
}

.zoom img {
-moz-transition: -moz-transform 0.1s linear;
-webkit-transition: -webkit-transform 0.1s linear;
-o-transition: -o-transform 0.1s linear;
-ms-transition: -ms-transform 0.1s linear;
transition: transform 0.1s linear;
}
.zoom img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.tab-content input[type="radio"] {
  display: none;
}


.tab-content label {
  display: inline-block;
  padding:15px;
  font-weight:bold;
  font-size:18px;
  color: #0ACCFF;
  background-color: #FFFFFF;
  cursor: pointer;
  border:solid 2px #0ACCFF;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  border-bottom:none;
  width:45%;
}
.tab-content label:hover,
.tab-content input[type="radio"]:checked + label {
  color: #FFF;
  background-color: #0ACCFF;
}


.tab-content .tab-box {
  width: 100%;
  padding: 30px;
  border: 2px solid #0ACCFF;
  border-radius: 0 5px 5px 5px;
  box-sizing: border-box;
}

.tab-content > .tab-box > div {
  display: none;
}

#tab1:checked ~ .tab-box > #tabView1 {
  display: block;
}

#tab2:checked ~ .tab-box > #tabView2 {
  display: block;
}



.tab-content2 input[type="radio"] {
  display: none;
}

.tab-content2 label {
  display: inline-block;
  padding:15px;
  font-weight:bold;
  font-size:18px;
  color: #0ACCFF;
  background-color: #FFFFFF;
  cursor: pointer;
  border:solid 2px #0ACCFF;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  border-bottom:none;
  width:30%;
-moz-transition: -moz-transform 0.2s linear;
-webkit-transition: -webkit-transform 0.2s linear;
-o-transition: -o-transform 0.2s linear;
-ms-transition: -ms-transform 0.2s linear;
transition: transform 0.2s linear;
}
.tab-content2 label:hover,
.tab-content2 input[type="radio"]:checked + label {
  color: #FFF;
  background-color: #0ACCFF;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}


.tab-content2 .tab-box2 {
  width: 100%;
  padding: 30px;
  border: 2px solid #0ACCFF;
  border-radius: 0 5px 5px 5px;
  box-sizing: border-box;

}

.tab-content2 > .tab-box2 > div {
  display: none;

}

#tab1:checked ~ .tab-box2 > #tabView1 {
  display: block;


}

#tab2:checked ~ .tab-box2 > #tabView2 {
  display: block;

}

#tab3:checked ~ .tab-box2 > #tabView3 {
  display: block;
}


.tab-content3 input[type="radio"] {
  display: none;
}

.tab-content3 label {
  display: inline-block;
  padding:15px;
  font-weight:bold;
  font-size:18px;
  color: #0ACCFF;
  background-color: #FFFFFF;
  cursor: pointer;
  border:solid 2px #0ACCFF;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  width:30%;
    -webkit-transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all  0.7s ease;
}
.tab-content3 label:hover,
.tab-content3 input[type="radio"]:checked + label {
  color: #FFF;
  background-color: #0ACCFF;

}


.tab-content3 .tab-box3 {
  width: 100%;
  padding: 30px;
  border: 2px solid #0ACCFF;
  border-radius: 0 5px 5px 5px;
  box-sizing: border-box;

}

.tab-content3 > .tab-box3 > div {
  display: none;

}

#tab1:checked ~ .tab-box3 > #tabView1 {
  display: block;

}

#tab2:checked ~ .tab-box3 > #tabView2 {
  display: block;
}

#tab3:checked ~ .tab-box3 > #tabView3 {
  display: block;
}
#tab4:checked ~ .tab-box3 > #tabView4 {
  display: block;
}


.normal {
	text-align:center;
}


.normal th{
	background-color:#4682B4;
	color:#ffffff;
	padding-top:10px;
	padding-bottom:10px;
	font-size:22px;
}


.normal td{
	text-align:center;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:10px;
	font-size:18px;
}

table.wimax_comparing th {

  color: #fff;

  padding: 8px 15px;

  background: #258;

  background:-moz-linear-gradient(rgba(34,85,136,0.7), rgba(34,85,136,0.9) 50%);

  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(rgba(34,85,136,0.7)), to(rgba(34,85,136,0.9)));

  font-weight: bold;

  border-left:1px solid #258;

  border-top:1px solid #258;

  border-bottom:1px solid #258;

  line-height: 120%;

  text-align: center;

  text-shadow:0 -1px 0 rgba(34,85,136,0.9);

  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;

}

table.wimax_comparing td {

	padding:5px;
}

.sumamoba img {
-moz-transition: -moz-transform 0.1s linear;
-webkit-transition: -webkit-transform 0.1s linear;
-o-transition: -o-transform 0.1s linear;
-ms-transition: -ms-transform 0.1s linear;
transition: transform 0.1s linear;
}
.sumamoba img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}

.sankaku{
	width: 0;
	height: 0;
	border-top: 30px solid #000000;
	border-right: 80px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 80px solid transparent;
}


.img-order {
	border:solid 3px;
	height:200px;
	width:100%;
}


.box_comment {
	position: relative;
	padding:30px;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
	font-weight:bold;
}
.box_comment::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

.header_table { 
	width:873px;
	margin:auto !important;
}
.header_table th { 
	text-align:left;
	border:none;	
	width:50%;
	background-color:#ffffff;
	padding-left:30px;
}
.header_table td { 
	text-align:left;
	border:none;	
	  background-image: url(img/header_call.png); 
	width:50%; background-repeat: no-repeat;	
}


.matome-box {
    border: 2px solid #da4033;
    border-radius: 4px;
    padding: 30px;
    position: relative;
}
.matome-box::before {
    background-color: #fff;
    color: #da4033;
    content: "まとめ";
    font-weight: bold;
    left: 1em;
    padding: 0 .5em;
    position: absolute;
    top: -1em;
}

.interview {
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	padding:20px;
	font-weight:bolld;
	line-height:200%;
}


.mokuji_box2 {
	padding:20px;
	border:solid 3px #FF834E;
	line-height:250%;
	font-size:18px;
	font-weight:bold;
	width:100%;
	margin:auto;
}

.mokuji_box2 p {
	padding:5px;
	text-align:center;
	color:#ffffff;
	background-color:#FF834E;
	font-size:20px;
	font-weight:n.bold;
	border-radius:20px;
}

.button_blue{
	background-color:#1d8fca;
	display:inline-block;
	color:#ffffff;
	border:solid 3px #ffffff;	
	cursor:pointer;
	width:80%;
	font-size:22px;
	padding:20px;
	transition-duration:0.2s;
	transition-timing-function:ease-in-out;
	border-radius:20px;
	font-weight:bold;
	line-height:180%;
}
.button_blue:hover {
	background-color:#ffffff;
	border:solid 3px #1d8fca;
	color:#1d8fca;

}
------------------------

#wimax_table{
border-collapse:collapse;
}

#wimax_table td {
border:solid 3px #aaa;
}

#wimax_table tr:first-child td:first-child
{
background-color:#FFFFCC;

font-weight:bold;
}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha"(opacity=70)";
}


.myButton2 {
	background-color:#FF7A0A;
	border-radius:15px;
	border:4px solid #dcdcdc;
	cursor:pointer;
	color:#FFF;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:9px 33px;
	text-decoration:none;
}
.myButton2:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FFC493A), color-stop(1, #FF7A0A));
	background:-moz-linear-gradient(top, #FF7A0A 5%, #FFC493 100%);
	background:-webkit-linear-gradient(top, #FF7A0A 5%, #FFC493 100%);
	background:-o-linear-gradient(top, #FF7A0A 5%, #FFC493 100%);
	background:-ms-linear-gradient(top, #FF7A0A 5%, #FFC493 100%);
	background:linear-gradient(to bottom, #FF7A0A 5%, #FFC493 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7A0A', endColorstr='#FFC493',GradientType=0);
	background-color:#FFC493;
		text-decoration:none;
}
.myButton2:active {
	position:relative;
	top:1px;
		text-decoration:none;
}

.alpha1 a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha"(opacity=70)";
    box-shadow: none;
    transform: translate3d(0, 3px, 0);
}


-----------------------------
.text{	
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;

}


.mokuji_midashi{
	text-align: center;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px;
	font-size: 22px;
	color: #ffffff;
}



/*********黒板*********/
.kokuban {
    font-family: YuGothic,'Yu Gothic',sans-serif;
    color: #fff;
    background-color: #114400;
    margin: 10px 0 10px 0;
    padding: 15px;
    border: 9px solid #a60;
    border-radius: 3px;
    box-shadow: 2px 2px 4px #666, 2px 2px 2px #111 inset;
    text-shadow: 0px 0px 2px #000;
    line-height: 1.9;
}
.pointkokuban {
    color: #ffb1b3;
    font-weight: bold;
}

.under {
  border-bottom: double 6px #ffb1b3;
  }


/*********** 目次 ***********/
.mokuji-box{
	border: solid 3px;
	padding: 20px;
	line-height: 240%;
	font-weight: bold;
}

.mokuji_midashi{
	text-align: center;
	font-weight: bold;
	border-radius: 20px;
	padding: 8px;
	font-size: 22px;
	color: #ffffff;
}


.bdc_normal{
border-color: #09a4e4;
}

.bgc_normal{
background-color: #09a4e4;
}

.imp_box{
border: 3px solid;
border-radius: 3px;
margin: 20px auto;
box-sizing: border-box;
width: 100%;
}

.imp_midashi{
text-align: center;
padding:20px 0;
color: #ffffff;
font-size: 24px;
font-weight: bold;
}

.imp_box_text{
padding:30px 35px;
}
body{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}

h1,h2,h3,h4,h5,h6{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

.rank1,.rank2,.rank3,.rank4,.rank5,.point,.point1,.point2,.point3,.point4,.point5{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:bold;}

#text1,#text2,#text3,#text4,#text5,#text6,#text7,#text8,#text9,#text10{font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka", Verdana,Arial, Helvetica, sans-serif;font-weight:normal;}



.topbox{

	padding:20px;
}
.inbox{
	background-color:#FFFFFF;
	padding:10px;
	border-radius:7px;
	font-weight:bold;
	line-height:200%;
	text-align:center;
}
.inbox img{
	margin-bottom:10px;
}

.red_b{
	color:#FF0A0A;
	font-weight:bold;
}
.button_inbox{
	background-color: #FF7A0A;
	font-weight:bold;
	color:#ffffff !important;
	padding: 10px;
	border-bottom:solid 3px #c55e07;
	border-radius: 5px;
	text-align: center;
	font-size:18px;
	margin:10px;
	width:85%;
	display:inline-block;
	text-decoration: none !important;
}
.button_inbox:hover{
	border-bottom:solid 0px #c55e07;
	margin-top:13px;
}
.saishin{
	color:#FF0A0A;
	background: linear-gradient(transparent 0%, #fff30A 0%);
	font-size:0.8em;
	padding:1px 5px 1px 5px;
}

.point_choose{
	background-color:#2972BC;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:18px;	
	position:relative;
	z-index:10;
}

.point_choose::after {
	content:"\00a0";
	position:absolute;
	top:3px;
	left:21px;
	background: url("/img/check_mark.svg") top left no-repeat;
	z-index:12;
	width: 35px;
	height: 35px;
}
.point_choose::before {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color:#FFFFFF;
	content:"";
	position:absolute;
	top:-8px;
	left:10px;
	border:solid #2972BC;
	z-index:11;
}

/* タブの外枠 */
.tabs {
	margin:10px;
	text-align:center;
}
 
/* タブのスタイル */
.tabs .tab-label {
	display: inline-block;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 0px !important;
	border-bottom-right-radius: 0px !important;
	margin-left: 1px;
	margin-right: 1px;
	padding: 3px 6px;
	border-bottom: none;
	font-weight:bold;
	line-height:200%;
	color:#ffffff;
	margin-bottom: -2px;
	font-size:30px;

}
.label1 {background-color: #FF69B4;width:30%; height: 56px;}
.label2 {background-color: #00BFFF;width:20%; height: 56px;}
.label3 {background-color: #228B22;width:20%; height: 56px;}

.label1:hover {background-color: #FF69B4 !important; opacity:0.7;}
.label2:hover {background-color: #00BFFF !important; opacity:0.7;}
.label3:hover {background-color: #228B22 !important; opacity:0.7;}


.tabs input:checked + label {
	height:58px;
}

/* ラジオボタンと内容を非表示 */
.tabs input[name="tab-radio"],
.tabs .tab-content {
            display: none;
}
/* タブ内容のスタイル */
.tabs .tab-content{
	padding: 30px;
	min-height: 200px;
	vertical-align:middle;
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	font-size:20px;
}
#tab-1-content1 {border:solid 3px #FF69B4;}
#tab-2-content2 {border:solid 3px #00BFFF;}
#tab-3-content3 {border:solid 3px #228B22;}

/* 選択されているタブのコンテンツのみを表示 */
#tab-1:checked ~ #tab-1-content1,
#tab-2:checked ~ #tab-2-content2,
#tab-3:checked ~ #tab-3-content3{
	display: block !important;
}
 
/* 選択されているタブのスタイルを変える */
.tabs input[name="tab-radio"]:checked + .tab-label {

}
.triangle{
	width: 0;
	height: 0;
	border-top: 20px solid #ff9d12;;
	border-right: 50px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 50px solid transparent;
	margin:auto;
	margin-top:10px;
}
.column_head {
	background-color:#ff9d12;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	color:#ffffff;
	font-weight:bold;
	font-size:28px;
	margin:10px;
	text-align:center;
	padding:12px 10px 10px 10px;
	margin:0px 10px 0px 10px;

}
.column_main {
	margin:0px;
	padding:30px;
	border:solid 3px #ff9d12;
	border-bottom-left-radius: 8px !important;
	border-bottom-right-radius: 8px !important;
	background-color:#FFF2E5;
	margin:0px 10px 0px 10px;
	font-size:1.2em;
}

.ranking_head{
	background-color:#2972BC;
	padding-top:9px;
	padding-bottom:9px;
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:18px;	
	position:relative;
	z-index:10;
}
.news_area{
	background:#ececec;
	padding: 40px;
	width:100%;
	box-sizing: border-box;

}
.column_main_news {
	box-sizing: border-box;
    box-shadow: 0 0 8px #3e3e3ea8 inset;
    border-radius:5px;
    background-color: #ffffff;
	font-size:1.2em;
	width:100%;
	max-width:1000px;
	margin:auto;
	padding-bottom:50px;
}
.column_main_news .column_head{
	margin:0;
	background:#ff6bb5;
	margin-bottom:30px;
}

.ranking_head::after {
	content:"\00a0";
	position:absolute;
	top:1px;
	left:21px;
	background: url("/img/rank_icon.svg") top left no-repeat;
	z-index:12;
	width: 35px;
	height: 35px;
}
.ranking_head::before {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color:#FFFFFF;
	content:"";
	position:absolute;
	top:-8px;
	left:10px;
	border:solid #2972BC;
	z-index:11;
}
.total_rate {
            position: relative;
            display: inline-block;
            width: 140px;
            height: 25px;
            font-size: 22px;
}
.total_rate:before, .total_rate:after {
            position: absolute;
            top: 6px;
            left: 10px;
            content: '★★★★★';
            display: inline-block;
            height: 25px;
	line-height: 24px;
}
.total_rate:before {
            color: #ff9d12;;
}
.total_rate:after {
            color: #ffffff;
            overflow: hidden;
            white-space: nowrap;
}

.total_rate0:after {
            width: 0;
}

.total_rate1:after {
            width: 22px;
}

.total_rate1-5:after {
            width: 33px;
}

.total_rate2:after {
            width: 44px;
}

.total_rate2-5:after {
            width: 55px;
}

.total_rate3:after {
            width: 66px;
}

.total_rate3-5:after {
            width: 77px;
}

.total_rate4:after {
            width: 88px;
}

.total_rate4-5:after {
            width: 99px;
}

.total_rate5:after {
            width: 110px;
}

.total_star_box {
	background-color:#ffbc00;
	color:#ffffff;
	font-size:22px;
	font-weight:bold;
	padding:10px;
	text-align:center;
	line-height: 50px;
	border-radius:8px;
	width:50%;
	margin-top: 20px;
	margin-bottom: 10px;
}
.rank_box {
	margin:10px;
	border:solid 3px #2972BC;
	border-radius:3px;
	position:relative;
	padding-bottom:20px;
}

.rank_box::after {
	content:"\00a0";
	position:absolute;
	top:-19px;
	left:0px;
	right:0px;
	margin:auto;
	background: url("/img/rank_icon.svg") top left no-repeat;
	z-index:12;
	width: 30px;
	height: 35px;
}
.rank_box::before {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color:#FFFFFF;
	content:"";
	position:absolute;
	top:-26px;
	left:0px;
	right:0px;
	margin:auto;
	border:solid #2972BC;
	z-index:11;
}

.rank_name {
	background-color:#bee3fb;
	padding:10px;
	padding-top:23px;
	text-align:center;
	font-size:28px;
	font-weight:bold;
	line-height:150%;

}

.rank_logo {
	margin-top:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	width:100%;
	padding:10px;
}

table.evaluate_6items {
	width:94%;
	margin:auto;
	border-spacing : 4px;
            border-collapse : separate ;
	border:solid 3px #ffffff;
	table-layout: fixed;
}

table.evaluate_6items td {
	background-color:#FFFFFF;
	border-radius:5px;
	text-align:center;
	color:#FAC917;
	font-weight:bold;
	line-height:150%;
	padding:4px;
	border: solid 2px #FAC917;
	font-size:16px;
}
.price_provider {
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	padding:10px;
	color:#FF0A0A;
}

.detail_price {
        max-width: 400px;
        margin: 0 auto;
        padding: 0;
}

#acMenu1 {
	margin:10px;
	text-align:center;
}

#acMenu1 dt{
	border:solid 3px #3DB3EF;
	border-radius:5px;
	color:#3DB3EF;
            display:block;
            width:80%;
            text-align:center;
	margin:auto;
	padding:10px;
	background-color:#ffffff !important;
	font-size:16px;
}

#acMenu1 dd{
            height:auto;
            text-align:center;

            display:none;
            margin:0px;
	width:87%;
	margin-top:10px;
	margin:auto;
}
.price_table {
	border-collapse: separate;
	width:100%;
	margin-top:10px;
}
.price_table th{
	background-color:#f2ecda;
	font-weight:normal;
	border: 1px solid #fff;
	padding:7px;
}
.price_table td{
	background-color:#ebe0c5;
	border: 1px solid #fff;
	padding:7px;
}
.campaign1 {
	background-color:#3DB3EF !important;;
	color:#FFFFFF;
	font-weight:bold;
}
.campaign2 {
	background-color:#e2f2fb !important;
	font-weight:bold;
	text-align:left;
}
.price2 {
	font-weight:bold;
	text-align:center;
	line-height:140%;
	font-size:0.9em;
	width:80%;
	margin:auto;
	padding:5px;
	font-size:16px;
}
.apply_button{
	background-color: #df0074;
	font-weight:bold;
	color: #ffffff !important;
	text-decoration: none;
	padding: 10px;
	border-bottom: solid 4px #c56396;
	border-radius: 5px;
	text-align: center;
	font-size:26px;
	margin:20px 10px 20px 10px;
	width:70%;
	display:inline-block;
	position:relative;
	text-decoration: none !important;
}
.apply_button:hover{
	color:#ffffff !important;
	border-bottom: solid 0px #c56396;
	margin-top:24px;
}
.apply_button:visited{
	color:#ffffff !important;
}
.router {
	background-color:#eaf39b;
	padding:10px;
}
.router p {
	text-align:center;
	font-size:22px;
	font-weight:600;
	color:#359e01;
	margin-bottom:10px;
	margin-top:15px;
}
.router_box {
	width:100%;
	background-color:#ffffff;
}
.router_box td {
	border:solid 1px #ffffff;
}
.router_img {
	text-align:center;
	padding:20px 30px 0px 30px;;
	height:140px;
	vertical-align:middle;
}
.router_text {
	text-align:center;
	padding:5px;
	font-weight:bold;
	font-size:16px;
}
.router_text span{
	color:#359e01;
	font-size:24px;
}
.router_spec{
	text-align:center;
	margin:0px;
}
.router_spec p{
	background-color:#efeaea;
	font-weight:600;
	text-align:center;
	padding:5px;
	color:#313131;
	margin-top:10px;
	margin-bottom:10px;
	margin:auto;
	font-size:16px;
	letter-spacing:-0.8px;
	width:80%;
}
.router_button {
	text-align:center;
	margin:10px;
}
.router_button a {
	background-color: #66bf56;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	border-bottom:solid #49863f 4px;
	border-radius: 5px;
	text-align: center;
	font-size:18px;
	margin:auto;
	width:80%;
	display:inline-block;
	position:relative;
	margin:10px;
}

.router_button a:hover{
	border-bottom:none;
	margin-top:14px;
}
.router_detail {
	text-align:center;
}

.router_table {
	padding:10px;
	text-align:center;
	width:90%;
	margin:auto;
	margin-top:10px;
	margin-right:8px;
}
.router_table td{
	background-color: #ebe0c5;
	border: 1px solid #fff;
	padding: 7px;
	text-align:center;
}
.router_table th{
	background-color: #49863f;
	color:#ffffff;
	border: 1px solid #fff;
	padding: 7px;
	text-align:center;
}
.router_name {
	font-size:20px;
	font-weight:bold;
	color:#49863f !important;
	padding:20px;
	background-color:#ffffff !important;
	border:none;
}


.buttom_link {
	text-align:center;
}

.buttom_link a {
	background-color: #EF6C00;
	font-weight:bold;
	color: #fff;
	text-decoration: none;
	padding: 10px;
	border-bottom:solid #c15801 4px;
	border-radius: 5px;
	text-align: center;
	font-size:18px;
	margin:auto;
	width:80%;
	display:inline-block;
	position:relative;
	margin:10px;
}

.buttom_link a:hover{
	border-bottom:none;
	margin-top:14px;
}

.point-box {
        border: 2px solid #da4033;
        border-radius: 4px;
        padding: 30px;
        position: relative;
	  margin:10px;
	  font-weight:600;
	text-align:left;
}	
.point-box::before {
        background-color: #fff;
        color: #da4033;
        content: "POINT";
        font-weight: bold;
        left: 1em;
        padding: 0 .5em;
        position: absolute;
        top: -1em;
}
.ranking_howto {
	background-color:#E6E6E6;
	border-radius:5px;
	padding:10px;
	margin:10px;
}

.ranking_howto p {
	text-align:center;
	font-weight:bold;
	font-size:26px;
	margin:10px;
}

.ranking_howto table {
	width:100%;
	text-align:left;
	border-collapse:separate;
}
.ranking_howto table td{
	border:solid 8px #E6E6E6;
	border-radius:15px;
	background-color:#ffffff;
	padding:5px 5px 5px 50px;
	font-size:13px;
}
.ranking_howto td span{
	font-weight:bold;
	font-size:16px;
	color:#0071BC;
}
.price_howto{position:relative;	z-index:10;}


.price_howto::before {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color:#2972BC;
	content:"";
	position:absolute;
	top:21px;
	left:7px;
	border:solid #2972BC;
	z-index:11;
}

.price_howto::after {
	content:"\00a0";
	position:absolute;
	top:30px;
	left:14px;
	background: url("/img/en_mark.svg") top left no-repeat;
	z-index:12;
	width: 21px;
	height: 35px;
}



.campaign_howto{position:relative;	z-index:10;}
.campaign_howto::before{
	width: 30px;
	height: 30px;
	border-radius: 50%;
	background-color:#2972BC;
	content:"";
	position:absolute;
	top:24px;
	left:7px;
	border:solid #2972BC;
	z-index:11;
}	

.campaign_howto::after {
	content:"得";
	position:absolute;
	top:26px;
	left:14px;
	z-index:12;
	width: 21px;
	height: 35px;
	color:#ffffff;
	font-weight:600;
	font-size:20px;
}
.risk_howto{position:relative;	z-index:10;}
.risk_howto::after {
	content:"\00a0";
	position:absolute;
	top:28px;
	left:12px;
	background: url("/img/risk_howto.svg") top left no-repeat;
	z-index:12;
	width: 28px;
	height: 35px;
}


.speed_howto{position:relative;	z-index:10;}
.speed_howto::after {
	content:"\00a0";
	position:absolute;
	top:26px;
	left:12px;
	background: url("/img/speed_howto.svg") top left no-repeat;
	z-index:12;
	width: 28px;
	height: 35px;
}
.support_howto{position:relative;z-index:10;}
.support_howto::after {
	content:"\00a0";
	position:absolute;
	top:26px;
	left:12px;
	background: url("/img/support_howto.svg") top left no-repeat;
	z-index:12;
	width: 28px;
	height: 35px;
}
.review_howto{position:relative;z-index:10;}
.review_howto::after {
	content:"\00a0";
	position:absolute;
	top:26px;
	left:12px;
	background: url("/img/review_howto.svg") top left no-repeat;
	z-index:12;
	width: 28px;
	height: 35px;
}

#acMenu2 {
	text-align:center;
}

#acMenu2 dt{
	color:#49863f;
        display:block;
        width:80%;
        text-align:center;
	margin:auto;
	padding:5px;
	font-weight:bold;
	font-size:14px;
	text-decoration:underline;
	margin-bottom:10px;
	cursor: pointer
}

#acMenu2 dd{
        height:auto;
        text-align:center;
        display:none;
        margin:0px;
	width:100%;
	margin-top:10px;
	margin:auto;
	max-height: 300px;
	overflow-y:scroll;
	margin-bottom:20px;
}
#acMenu2 dd::-webkit-scrollbar{
　　width: 3px;
}
#acMenu2 dd::-webkit-scrollbar-track{
　　background: #fff;
　　border-left: solid 1px #ececec;
}
#acMenu2 dd::-webkit-scrollbar-thumb{
　　background: #ccc;
　　border-radius: 10px;
　　box-shadow: inset 0 0 0 2px #fff;
}


.provider_evaluate td {
	border:none;
}

.left_box {
	width:45%;
}
.rigth_box {
	width:60%;
}

.router_list {
	table-layout: fixed;
	width: 100%;
}

.router_list td {
	border:none;
	vertical-align:top;
}

#search_submit:hover {
	opacity:0.7;
}
.underline{
	background: -webkit-linear-gradient(transparent 60%, #fff777 60%);
    background: -o-linear-gradient(transparent 60%, #fff777 60%);
    background: linear-gradient(transparent 60%, #fff777 60%);
}
.hover:hover{
	opacity:0.7;
}

.in_img_month{
	position: absolute;
    left: 50%;
    display: block;
    border: solid 3px;
    padding: 3px 40px;
    box-sizing: border-box;
    font-size: 18px;
    color: #ff6600;
    font-weight: bold;
    bottom: 15px;
}

@media screen and（min-width：415px）{
.mbdake {display：none; }
}
@media screen and（max-width：414px）{
.pcdake {display：none; }
}