/*------------------------------------------------------------
■ブラウザ ― CSSリセット
-------------------------------------------------------------*/
body,h1,h2,h3,h4,h5,h6,p,address,ul,li,dl,dt,dd,table,caption,th,td,img{
border:0;
font-style:normal;
font-weight:400;
font-size:100%;
text-align:left;
list-style-type:none;
margin:0;
padding:0
}
textarea{font-size:100%}
img{vertical-align:bottom}
hr{display:none}
fieldset,img,abbr{border:0;}

/*------------------------------------------------------------
■ベースの設定
-------------------------------------------------------------*/
html{height:100%}
body{
height:100%;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background:#eee;
color:#555;
	font-size: 16px;
}
a{color:#2ca9e1; text-decoration:none}
a:hover{color:#a0d8ef}
a:active,a:focus{outline:0}
.clear{clear:both}
blockquote{
background:#eee none repeat scroll 0% 50%;
border-left:5px solid #ccc;
margin:10px;
padding:10px
}

/*------------------------------------------------------------
■全体のレイアウト（枠）
-------------------------------------------------------------*/
#wrapper{
	width: 100%;
	background:url("img/bg-container.png") repeat-y center top;
	margin:0 auto;
}
#container{
	max-width: 950px;
	background:#fff;
	color:#333;
	margin: 0 auto;
}

/*------------------------------------------------------------
■ヘッダー
-------------------------------------------------------------*/
#head{
	margin:0 auto;
	width: 100%;
}
#top{
	height:30px;
	background:#2ca9e1;
	color:#fff;
}

#top h1 a{color:#fff;}

#top h1{
	margin-right:10px;
	padding-top:6px;
	text-align:right;
	font-size:.8em;
	color:#fff;
}
#top h1 a:hover{text-decoration:underline;}
#header{
	position:relative;
	display:block;
    width: 100%;
	height: 0;
	background:url(img/header.jpg) no-repeat;
	background-size: 100%;
	padding: 21.05% 0 0 0;
}
#header .title-top{
position: absolute;
  left: 0;
  top: 0;
   padding-top: 20px;
}
#header .title-top a{
	font-size:1.87em;
	padding-left: 30px;
	padding-right: 30px;
	color:#2ca9e1;
}
#header .title-top a:hover{
	color:#9bd9f5;
}
#headertext{
	padding:0 35px;
	font-size:16px;
	color:#666;
}

/*------------------------------------------------------------
■トップナビゲーション
-------------------------------------------------------------*/
#nav{
	width:950px;
	background:url("img/nav950.png") no-repeat;
}
#nav ul{
	width:930px;
	height:35px;
	margin:0 10px;
}
#nav li{
	float:left;
	width:155px;
	text-align:center;
}
#nav a{
	color:#fff;
	font-size:.9em;
	font-weight:700;
	display:block;
	width:155px;
	line-height:35px;
	background:url("img/nav930.png") no-repeat;
}
#nav a:hover{color:#fff; background-position:0 -35px;}

/*------------------------------------------------------------
■メインコンテンツ
-------------------------------------------------------------*/
#contents{
	float:left;
	width: 62.1%;
 	margin:15px 2% 20px;
}
#contents #contents_body{margin:0 5px 15px;}
#contents h2{
	margin:0 0 2.5%;
	padding:8px 2.5%;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:8px solid #2ca9e1;
	background:#f1f1f1;
	color:#000;
	font:700 1.3em 'arial', sans-serif;
}
#contents h2 a{color:#000;}
#contents h3{
	margin:20px 0;
	padding:12px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font:700 1.3em 'arial', sans-serif;
}
#contents h4{
	margin:20px 0;
	padding:5px 10px;
	border-left:7px solid #666;
	border-bottom:1px solid #666;
	color:#666;
	font:700 1.2em 'arial', sans-serif;
}
#contents h5{
	margin:20px 0px;
	padding:5px 10px;
	border-left:5px solid #666;
	border-bottom:1px solid #666;
	color:#2ca9e1;
	font:700 1.1em 'arial', sans-serif;
}
#contents h6{
	margin:20px 0px;
	padding:3px 10px;
	border-left:5px solid #aaa;
	color:#999;
	font:700 1.1em 'arial', sans-serif;
}
#contents_body ul li{ 
	background-image:url("img/contents-list.png");
	background-repeat:no-repeat;
	padding-left:15px;
	display:block;
	margin:1px 0 0 20px;
	background-position:0 4px;
}
#contents_body ol li{ 
	margin:0;
	margin:1px 0 1px 10px;
	list-style-type:decimal;
}

.txt-img img {
width:43%;
}
@media screen and (max-width: 640px){
#contents{
	float:left;
	width: 96%;
 	margin:15px 2% 20px;
}
#contents h2{
	margin:0 0 2.5%;
	padding:8px 2.5%;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:8px solid #2ca9e1;
	background:#f1f1f1;
	color:#000;
	font:700 1em 'arial', sans-serif;
}

.txt-img {
float: none;
}

.txt-img img {
width:250px;
}
}

/*------------------------------------------------------------
■更新履歴
-------------------------------------------------------------*/
#whatsnew{
	width: 93.2%;
	margin: 20px auto;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-bottom: 5px solid #2ca9e1;
}
#whatsnew .top{
	height: 20px;
	background: #2ca9e1 url(img/whatnew.png) no-repeat;
	padding: 5px;
}
#whatsnew .body{padding: 20px 20px 0px; }
#whatsnew ul li{
	background: url(img/contents-list.png) left center no-repeat;
	padding-left: 30px;
}
#whatsnew .bottom{margin: 0;}
#whatsnew span{margin-right: 10px;}
@media screen and (max-width: 899px){
#whatsnew span {
	margin-right: 10px;
	display: block;
}

}

/*------------------------------------------------------------
■サイドバー
-------------------------------------------------------------*/
#firstSide{
	float:right;
	width: 31.5%;
	overflow:hidden;
	margin: 0 1% 30px 0;
}
#firstSide h4{
	margin:20px 0 10px;
	padding:5px 10px;
	border-bottom:1px dashed #111;
	border-left: 5px solid #111;
	color:#333;
	font:700 1.0em 'arial', sans-serif;
}
.side1 p{padding:3px 0;}
.side1 li a{
	display:block;
	padding:8px 20px 3px;
	border-bottom:1px dashed #999;
	color:#666;					
	font-size:.9em;
}
.side1 li a:hover{
	background:#999;
	color:#fff;
}

.side1 .l2 a{
	background: url(img/list.png) 20px center no-repeat;
	padding-left: 40px;
}
.side1 .l3 a{
	background: url(img/list.png) 35px center no-repeat;
	padding-left: 55px;
}
.side1 .l2 a:hover{
	background:#999 url(img/list.png) 20px center no-repeat;
}
.side1 .l3 a:hover{
	background:#999 url(img/list.png) 35px center no-repeat;
}

#newEntry li a{
	background: url(img/contents-list.png) 10px center no-repeat;
	padding-left: 30px;
}
#newEntry li a:hover{
	color:#000 ;
}
#space3,#space4{
	margin: 0px;
	padding: 5px 10px;
}
@media screen and (max-width: 640px){
#firstSide{
	float:right;
	width: 96%;
	overflow:hidden;
	margin: 0 2% 30px;
}

}
/*------------------------------------------------------------
■フッター
-------------------------------------------------------------*/
#footer0{
clear:both;
text-align: right;
margin: 0;
padding-bottom: 5px;
}
#footer0 a{
	margin:10px 20px;
	padding:5px 30px;
	background: #555 url(img/ue.png) right top no-repeat;
	color:#fff;
}
#footer0 a:hover{background: #777 url(img/ue.png) right center no-repeat;}
#footer{
	width:100%;
	margin:0 auto;
	padding:20px 0;
	background:#555;
	font-size:.9em;
	text-align:center;
	color:#fff;
}
#footer a{color:#fff;}

/*------------------------------------------------------------
■追記やらこざこざ
-------------------------------------------------------------*/
#contents img{margin: 5px;}
#contents .user1,#contents .user2,#contents .user3,#contents .user4,#contents .user5,#contents .user6{
	font-size: 12px;
	line-height: 130%;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 12px 12px;
	background-color: #EFF4FA;
	border: 1px solid #C5D7ED;
	min-height: 70px;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
}
#contents .user1{background-image: url(img/userm_1.png);}
#contents .user2{background-image: url(img/userf_1.png);}
#contents .user3{background-image: url(img/userm_2.png);}
#contents .user4{background-image: url(img/userm_3.png);}
#contents .user5{background-image: url(img/userf_2.png);}
#contents .user6{background-image: url(img/userf_3.png);}

/*------------------------------------------------------------
■ブログモード用の補完
-------------------------------------------------------------*/
.title-b{
	margin:20px 0 15px;
	padding:5px 10px;
	border-left:7px solid #666;
	border-bottom:1px solid #666;
	border-top:1px solid #666;
	border-right:1px solid #666;
	color:#666;
	font:700 1.2em 'arial', sans-serif;
}
.detail{
	margin:5px;
	text-align: right;
	font-weight: bold;
	margin-left:10px;
	margin-righr:10px;
}
.text-b{
	margin-left:10px;
	margin-righr:10px;
	font-size:85%;
}
a.button2{
	color:#fff;
	font-weight:700;
	font-size:12px;
	padding:4px 20px;
	margin-left:10px;
	background:#2ca9e1;
}
a.button2:hover{background:#d66695}
.list-b{
	background: url(img/list.png) 10px center no-repeat;
	padding-left: 30px;
}

/*------------------------------------------------------------
■パンくず追記
-------------------------------------------------------------*/
#siteNavi{
margin-bottom: 5px;
font-size: 85%;}
/*------------------------------------------------------------
■サイトマップ追記
-------------------------------------------------------------*/
#sitemaps{padding:10px;}/*要る？*/
.sbox1{float: left;}
.sbox2{float: right;}
.sbox1,.sbox2{
width:49%;
text-align: left;
}
#sitemaps li a{
display:block;
padding:3px 10px;
margin:1px;
border: 1px #eee solid;
color:#666;
}
#sitemaps li a:hover{
background: #999;
color: #FFF;
}
#sitemaps .l2 a{
background:#eee url(img/list.png) 5px center no-repeat;
padding-left: 25px;
}
#sitemaps .l3 a{
background:#ddd url(img/list.png) 15px center no-repeat;
padding-left: 35px;
}
#sitemaps .l2 a:hover{
background:#666 url(img/list.png) 5px center no-repeat;
}
#sitemaps .l3 a:hover{
background:#444 url(img/list.png) 15px center no-repeat;
}
/*------------------------------------------------------------
■記事内エントリーリスト追記
-------------------------------------------------------------*/
#entrylist {padding; 0 10px;}
#entrylist h4{margin-top: 30px;}
#entrylist dl{}
#entrylist dt{background: url(img/contents-list.png) 5px center no-repeat;}
#entrylist dt a{
color:#2ca9e1;
font-weight: bold;
padding-left: 25px;
}
#entrylist dd{
padding: 2px 10px 10px 25px;
font-size: 85%;
}
/*------------------------------------------------------------
■カテゴリー内エントリーリスト追記
-------------------------------------------------------------*/
#entrylist h3{margin-top: 30px;}
#entrylist .text-cat{
padding: 0 10px 10px 10px;
font-size: 85%;
}
#entrylist .next{
margin-top: 5px;
text-align: right;
}
/*------------------------------------------------------------
■飾り枠補完（デフォルトから抜粋＋修正済み）
-------------------------------------------------------------*/

.txt-border {
	background-image: url(img/dott.gif);
	line-height: 22px;
	font-size: 14px;
	margin: 10px 0;
	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: 30px;
	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: 30px;
	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;
}

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

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

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

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

/* 記事スタイル - 色差分 */

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

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

#contents .txt-decbox1 h3,#contents .txt-decbox2 h3 ,#contents .txt-decbox1 h2,#contents .txt-decbox2 h2{
	color:#2ca9e1;
	background-color:#FFF;
	line-height:140%;
}

/****************************************************************
【マウスオーバー時の画像リンク 不透明度の設定】※初期設定は60%
*****************************************************************/
a img.linkimg{background:none!important}
a:hover img.linkimg{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

/*------------------------------------------------------------
■IE対策
-------------------------------------------------------------*/
.headbox,#nav li,#contents,#firstSide{display:inline;}
#firstSide{zoom:1;}
#header{zoom:1;}
input, button{overflow:visible;}


/*----------------------------------------------------------------
■コモン＋テーブル
----------------------------------------------------------------*/

/* 共通 */
.rank1,.rank2,.rank3,.rank4,.rank5,.point,.point1,.point2,.point3,.point4,.point5,.point6,.point7,.point8,.point9,.point10{
	font-family: sans-serif;
	font-weight:bold;
	_zoom: 1;
	overflow: hidden;
}

h4{
	clear:none;
}

h4,h5,h6,ul,ol{
	_zoom: 1;
	overflow: hidden;
}

.lbg{
	line-height:140%;
}



/* ランキング */

.rank1,.rank2,.rank3,.rank4,.rank5 {
	background-repeat: no-repeat;
	height: 25px;
	font-size: 18px;
	margin:10px 0 15px 0;
	padding: 35px 0 5px 65px;
	color: #333;
	border-bottom:dotted 1px #666;
	clear: both;
}
.rank1{
	background-image: url(img/rank1_a.gif);
}
.rank2{
	background-image: url(img/rank2_a.gif);
}
.rank3{
	background-image: url(img/rank3_a.gif);
}
.rank4{
	background-image: url(img/rank4_a.gif);
}
.rank5{
	background-image: url(img/rank5_a.gif);
}
}
/* ポイント */

.point1,.point2,.point3,.point4,.point5 ,.point6 ,.point7 ,.point8 ,.point9 ,.point10 {
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 46px;
	font-size: 16px;
	margin-top: 10px;
	padding-top: 14px;
	margin-bottom: 10px;
	border-bottom:dotted 2px #CCC;
	color: #3F3F3F;
	background-position: 4px top;
	clear: both;
}


.point {
	font-size: 15px;
	color: #2ca9e1;
	background-image: url(img/point.png);
	background-repeat: no-repeat;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 60px;
	margin-bottom: 5px;
	line-height:130%;
}

.point1{
	background-image: url(img/point1.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 46px;
	font-size: 16px;
	margin-top: 10px;
	padding-top: 14px;
	margin-bottom: 10px;
	border-bottom:dotted 2px #CCC;
	color: #3F3F3F;
	background-position: 4px top;
	clear: both;
}
.point2{
	background-image: url(img/point2.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 46px;
	font-size: 16px;
	margin-top: 10px;
	padding-top: 14px;
	margin-bottom: 10px;
	border-bottom:dotted 2px #CCC;
	color: #3F3F3F;
	background-position: 4px top;
	clear: both;
}
.point3{
	background-image: url(img/point3.gif);
	background-repeat: no-repeat;
	height: 26px;
	padding-left: 46px;
	font-size: 16px;
	margin-top: 10px;
	padding-top: 14px;
	margin-bottom: 10px;
	border-bottom:dotted 2px #CCC;
	color: #3F3F3F;
	background-position: 4px top;
	clear: both;
}
.point4{
	background-image: url(img/point4.gif);
}
.point5{
	background-image: url(img/point5.gif);
}
.point6{
	background-image: url(img/point6.gif);
}
.point7{
	background-image: url(img/point7.gif);
}
.point8{
	background-image: url(img/point8.gif);
}
.point9{
	background-image: url(img/point9.gif);
}
.point10{
	background-image: url(img/point10.gif);
}


/* 矢印 */

.arrow_blue,.arrow_orange,.arrow_black,.arrow_red{
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 160%;
	font-size: 16px;
	background-position: left center;
	padding-left: 25px;
	margin-top: 3px;
	margin-bottom: 3px;
	font-family:sans-serif;
	_zoom: 1;
	overflow: hidden;
}

.arrow_blue {
	background-image: url(img/arrow_blue.gif);
}
.arrow_orange {
	background-image: url(img/arrow_orange.gif);
}
.arrow_black {
	background-image: url(img/arrow_black.gif);
}
.arrow_red {
	background-image: url(img/arrow_red.gif);
}


/* 文字装飾 */

blockquote {
	font-size:12px;
	color:#666666;
	border: 2px dotted #CCCCCC;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 15px;
	line-height: 130%;
}

.alert,.accept,.attention,.thint{
	font-size: 12px;
	line-height: 130%;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 55px;
	margin-top: 10px;
	margin-bottom: 10px;
	min-height: 32px;
	_zoom: 1;
	overflow: hidden;
}

.alert {
	background-color: #FFEFEF;
	background-image: url(img/alert.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	color: #A2462F;
	border: 1px solid #FABDA7;
}

.accept {
	border: 1px solid #C2E39B;
	background-color: #EFFADA;
	background-image: url(img/accept.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	color: #346F15;
}

.attention {
	border: 1px solid #FFDC80;
	background-color: #FEFECB;
	background-image: url(img/attention.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	color: #804900;
}

.thint {
	border: 1px solid #C5D7ED;
	background-color: #EFF4FA;
	background-image: url(img/thint.png);
	background-repeat: no-repeat;
	background-position: 10px 6px;
	color: #2C4F7A;
}

 .user1,.user2 {
	font-size: 12px;
	line-height: 130%;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 100px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: 12px 12px;
	background-color: #EFF4FA;
	border: 1px solid #C5D7ED;
	min-height: 70px;
	_height:70px;
	_zoom: 1;
	overflow: hidden;
}

 .user1{
	background-image: url(img/user1.png);
}

 .user2{
	background-image: url(img/user2.png);
}

.noimage{
	padding-left:12px;
	background-image: none;
	min-height:15px;
}

.ylw{
	background-color:#FFE566;
	font-weight:bold;
	padding:2px;
}


/* ボックス */

.nmlbox,.dottbox,.ylwbox,.graybg{
	padding:15px;
	margin-top: 10px;
	margin-bottom: 10px;
	clear:both;
}

 .graybg{
	background-color:#EBEBEB;
}

.dottbox{
	border:dotted 1px #666;
}
.nmlbox {
	border: 2px solid #CCCCCC;
}
.ylwbox {
	background-color: #FFFFD2;
	border: 2px solid #CC0000;
}


/* 水平線 */

.border1,.border2,.border3,.borderdot,.borderdot2{
	margin: 10px 0;
	padding: 0px;
	line-height: 1px;
	height: 1px;
	_zoom: 1;
	overflow: hidden;
}

.border1 {
	border-bottom:solid 1px #999;
}
.border2 {
	border-bottom:solid 1px #990000;
}

.border3 {
	border-bottom:solid 1px #003366;
}

.borderdot {
	border-top:dotted 1px #999;
}

.borderdot2 {
	border-top:dotted 2px #999;
}

.layout_l{
	float:left;
}

.layout_r{
	float:right;
}

.hd,.hd:hover,.hd:visited{
	color:#2ca9e1;
	text-decoration:none;
}


/* 角丸 */

.rnd1{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.rnd1{
	position:relative;
	z-index:1;
	padding: 15px;
	margin: 15px auto 15px auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(http://skry.xsrv.jp/sample1/css/PIE.htc);
}



.rbox1 {
	background-color: #f0f0f0;
	border: 1px solid #d7d7d7;
}

.rbox2 {
	background-color: #FFF;
	border: 2px solid #FF843F;
}

.rbox3 {
	background-color: #FFF;
}

.rbox4 {
	background-color: #F5F5F5;
}


/* シャドウ */

.shadow1,.shadow2,.shadow3{
	padding: 15px;
	margin: 15px auto 15px auto;
}

.shadow1{
	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
}

.shadow2{
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}


/* FAQ */

.question1 {
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
	margin: 15px auto 4px auto;
	padding: 5px 0 6px 50px;
	background-image: url(img/q1.png);
	background-repeat: no-repeat;
	background-position: 10px top;
}

.answer1 {
	position:relative;
	font-size: 13px;
	line-height:140%;
	border:solid 1px #CCC;
	background-color:#F5F5F5;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 5px auto 35px auto;
	padding: 20px 20px 20px 60px;
	background-image: url(img/a1.png);
	background-repeat: no-repeat;
	background-position: 12px 18px;
	behavior: url(http://skry.xsrv.jp/sample1/css/PIE.htc);
}

.question2 {
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
	margin: 20px auto 4px auto;
	padding: 5px 0 6px 50px;
	background-image: url(img/q2.png);
	background-repeat: no-repeat;
	background-position: 10px top;
}

.answer2 {
	position:relative;
	font-size: 13px;
	line-height:140%;
	margin: 5px auto 15px auto;
	padding: 10px 10px 20px 50px;
	background-image: url(img/a2.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	border-bottom:dotted 1px #CCC;
}



/* 吹き出し */

.bln{
	font-size:13px;
	line-height:130%;
	_zoom: 1;
	overflow: hidden;
	padding:0;
	margin: 0;
	color: #2ca9e1333;
}

.b_body{
	margin:0;
	width:auto;
	padding:12px 19px;
	_zoom: 1;
	overflow: hidden;
}


.balloon1 .b_body{
	background-color:#F5F5F5;
	border:solid 1px #CCC;
}

.balloon2 .b_body{
	background-color:#FFF;
	border:solid 1px #CCC;
}

.balloon3 .b_body{
	background-color:#EBEBEB;
}

.balloon4 .b_body{
	background-color:#EAF1FF;
	border:solid 1px #6AA3F9;
}

.balloon5 .b_body{
	background-color:#FFEAEA;
	border:solid 1px #F96565;
}

.balloon6 .b_body{
	background-color:#FFF;
	border:solid 2px #CC0000;
}

.balloon7 .b_body{
	background-color:#FFF;
	border:solid 2px #0080B8;
}

.balloon8 .b_body{
	background-color:#FFF;
	border:solid 2px #FF8201;
}

.balloon9 .b_body{
	background-color:#FFF;
	border:2px solid #739221;
}



.bln .img-l{
	position:relative;
	z-index:100;
	background-image:url(img/balloon.png);
	top: 18px;
	left:1px;
	float:left;
	width: 28px;
	height: 19px;
	margin:0;
}

.bln .img-r{
	position: relative;
	z-index:100;
	background-image:url(img/balloon.png);
	top: 18px;
	right:1px;
	float:right;
	width: 28px;
	height: 19px;
	margin:0;
}
.bln .img-t{
	position: relative;
	z-index:100;
	background-image:url(img/balloon.png);
	top:1px;
	left: 30px;
	width: 22px;
	height: 22px;
	float:none;
	margin:0;
}
.bln .img-b{
	position: relative;
	z-index:100;
	background-image:url(img/balloon.png);
	bottom:1px;
	left: 30px;
	width: 22px;
	height: 22px;
	margin:0;
}


div.bln:after{height:0; visibility: hidden; content: ".";   display: block; clear: both;}
.balloon1 .img-b{ background-position: 0 0;} 
.balloon1 .img-l{ background-position: 0 -72px;} 
.balloon1 .img-r{ background-position: 0 -139px;} 
.balloon1 .img-t{ background-position: 0 -206px;} 
.balloon2 .img-b{ background-position: 0 -278px;} 
.balloon2 .img-l{ background-position: 0 -350px;} 
.balloon2 .img-r{ background-position: 0 -417px;} 
.balloon2 .img-t{ background-position: 0 -484px;} 
.balloon3 .img-b{ background-position: 0 -556px;} 
.balloon3 .img-l{ background-position: 0 -628px;} 
.balloon3 .img-r{ background-position: 0 -695px;} 
.balloon3 .img-t{ background-position: 0 -762px;} 
.balloon4 .img-b{ background-position: 0 -834px;} 
.balloon4 .img-l{ background-position: 0 -906px;} 
.balloon4 .img-r{ background-position: 0 -973px;} 
.balloon4 .img-t{ background-position: 0 -1040px;} 
.balloon5 .img-b{ background-position: 0 -1112px;} 
.balloon5 .img-l{ background-position: 0 -1184px;} 
.balloon5 .img-r{ background-position: 0 -1251px;} 
.balloon5 .img-t{ background-position: 0 -1318px;} 
.balloon6 .img-b{ background-position: 0 -1390px;bottom:2px;} 
.balloon6 .img-l{ background-position: 0 -1462px;left:2px;} 
.balloon6 .img-r{ background-position: 0 -1531px;right:2px;} 
.balloon6 .img-t{ background-position: 0 -1600px;top:2px;} 
.balloon7 .img-b{ background-position: 0 -1672px;bottom:2px;} 
.balloon7 .img-l{ background-position: 0 -1744px;left:2px;} 
.balloon7 .img-r{ background-position: 0 -1813px;right:2px;} 
.balloon7 .img-t{ background-position: 0 -1882px;top:2px;} 
.balloon8 .img-b{ background-position: -78px 0;bottom:2px;} 
.balloon8 .img-l{ background-position: -78px -72px;left:2px;}
.balloon8 .img-r{ background-position: -78px -141px;right:2px;}
.balloon8 .img-t{ background-position: -78px -210px;top:2px;}
.balloon9 .img-b{ background-position: -78px -282px;bottom:2px;} 
.balloon9 .img-l{ background-position: -78px -354px;left:2px;} 
.balloon9 .img-r{ background-position: -78px -423px;right:2px;} 
.balloon9 .img-t{ background-position: -78px -492px;top:2px;} 

table{
	width:100%;
	_width:95%;
	font-size:13px;
	margin-top:10px;
	margin-bottom:10px;
}

th{
	background-color:#EBEBEB;
}

td{
	background-color:#FFFFFF;
}

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

/*　共通スタイル */

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

.rimg {
	text-align: center;
}
.price {
	color: #CC0000;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	font-size: 120%;
	text-align: center;
}

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


/* 商品陳列型 */
.ritm
{
	background-color:#FFFFFF;
}

.ritm th,.ritm td
{
	padding:6px;
	width:auto;
	line-height: 120%;
	border:solid 1px #CCC;
	vertical-align:top;
	text-align: center;
}

.col1 td ,.col1 th{
	width: 100%;
}

.col2 td ,.col2 th{
	width: 50%;
}

.col3 td ,.col3 th{
	width: 33%;
}

.col4 td ,.col4 th{
	width: 25%;
}

/* 特定取引法に関する表記 */

.tokusho {
	background-color: #CCCCCC;
}

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

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

/* 商品説明 */

.ritm_desc {
	border: 1px solid #CCCCCC;
}
.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: 'HGP創英角ｺﾞｼｯｸUB', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W6', sans-serif;
	font-weight:normal;
}

.ritm_desc .title a{
	color:#2ca9e1;
}

.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;
}


/* ▼1/18以降追加分 */

/* ランキング1 */

.rnk1item {
	border: 1px solid #CCCCCC;
}
.rnk1item  th {
	background-color: #FFFFFF;
	width: 70px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.rnk1item td {
	background-color: #FFFFFF;
	vertical-align: top;
	font-size: 12px;
	line-height: 130%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.rnk1item .ttitle {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 130%;
}

.rnk1item th, .rnk1item td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}
.rnk1item .timg {
	width: 130px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	vertical-align: middle;
}
.rnk1item .alt th, .rnk1item .alt td {

}

/* ランキング型2 */

.rnk2item {
	font-size: 12px;
}

.rnk2item .timg, .rnk2item .tdesc {
	padding: 15px;
}
.rnk2item td {
	padding: 0px;
	vertical-align: top;
}
.rnk2item .ttitle {
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: left;
	font-size: 16px;
}

.rnk2item  .timg {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
	width:130px;
}

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

.rnk2item .tdesc {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	line-height: 160%;
}

.rnk2item .ttable {
	width:100%;
	margin: 0px;
	padding: 0px;
	background-color: #CCCCCC;
}
.ttable th, .ttable td {
	padding: 8px;
	width: 33%;
	text-align: center;
}

/* ▼1/25追加分 */

/* ランキング型3 */

.rnk3item {
	border: 1px solid #CCCCCC;
}
.rnk3item  th {
	text-align: left;
	padding: 8px;
	font-size: 17px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
}
.rnk3item th img {
	vertical-align: bottom;
	margin-right: 6px;
}

.rnk3item td {
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.rnk3item .timg {
	text-align: center;
	width: 150px;
}

/* 価格比較型1 */

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

.prc1item th {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	padding: 6px;
	text-align: center;
}
.prc1item td {
	text-align: center;
	padding: 6px;
}
.prc1item .alt td {
	background-color: #F5F5F5;
}

.prc1item .price {
	text-align: right;
	width: 120px;
}

/* 項目説明型 */

.dsc1item,.dsc2item {
	background-color: #CCCCCC;
}
.dsc1item  th, .dsc1item  td,.dsc2item th, .dsc2item td {
	padding: 6px;
}
.dsc1item th , .dsc2item th {
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.dsc1item td , .dsc2item td {
	font-size: 95%;
	vertical-align: top;
}

.dsc1item th{
	width: 30%;
}

.dsc2item .col2 th{
	width: 50%;
}

.dsc2item .col3 th{
	width: 33%;
}

.dsc2item .col4 th{
	width: 25%;
}

/* メニュー型 */

.tblmenu1item td {
	font-size: 12px;
	line-height: 130%;
	border: 1px solid #CCCCCC;
	vertical-align:top;
}
.tblmenu1item  td  .ttitle {
	background-color: #EEEEEE;
	font-weight: bolder;
	padding: 7px;
	margin-bottom: 8px;
	font-size: 13px;
}

.tblmenu1item .col1{
	width:100%;
}

.tblmenu1item .col2{
	width:50%;
}


/*------------------------------------------------------------
■装飾用タグ追記
-------------------------------------------------------------*/



/*
		テキストの太字
 ----------------------------------------------------------------------*/

.bold{ font-weight: bold; }
.normal{ font-weight: normal; }



/*
		テキストのサイズ
 ----------------------------------------------------------------------*/

.fs09{ font-size: 0.9em; }
.fs10{ font-size: 1.0em; }
.fs11{ font-size: 1.1em; }
.fs12{ font-size: 1.2em; }
.fs13{ font-size: 1.3em; }
.fs14{ font-size: 1.4em; }
.fs15{ font-size: 1.5em; }
.fs16{ font-size: 1.6em; }
.fs17{ font-size: 1.7em; }
.fs18{ font-size: 1.8em; }
.fs19{ font-size: 1.9em; }
.fs20{ font-size: 2em; }


/*
		テキストのカラー
 ----------------------------------------------------------------------*/

.red{ color: #ff0000; }		/*　赤　*/
.blue{ color: #0000ff; }	/*　青　*/
.green{ color: #009900; }	/*　緑　*/
.yellow{ color: #ffff00; }	/*　黄　*/
.navy{ color: #003399; }	/*　紺色　*/
.black{ color: #000000; }	/*　黒　*/
.gray{ color: #999999; }	/*　グレー　*/
.purple{ color: #9900cc; }	/*　紫　*/
.orange{ color: #ff6633; }	/*　橙　*/
.pink{ color: #ff00ff; }	/*　桃　*/
.white{ color :#ffffff; }	/*　白　*/


/*
		テキストの背景
 ----------------------------------------------------------------------*/

.back-red{ background-color: #ff0000; }		/*　赤　*/
.back-blue{ background-color: #0000ff; }	/*　青　*/
.back-green{ background-color: #009900; }	/*　緑　*/
.back-yellow{ background-color: #ffff00; }	/*　黄　*/
.back-navy{ background-color: #003399; }	/*　紺色　*/
.back-black{ background-color: #000000; }	/*　黒　*/
.back-gray{ background-color: #999999; }	/*　グレー　*/
.back-purple{ background-color: #9900cc; }	/*　紫　*/
.back-orange{ background-color: #ff6633; }	/*　橙　*/
.back-pink{ background-color: #ff00ff; }	/*　桃　*/
.back-white{ background-color: #ffffff; }	/*	白	*/



/*
		テキストのまつわる線
 ----------------------------------------------------------------------*/

.under{ text-decoration: underline; }		/*　下線　*/
.through{ text-decoration: line-through; }	/*　打ち消し線　*/


/*
		テキストの位置配置
 ----------------------------------------------------------------------*/

.text-l{ text-align: left; }	/*　左寄せ　*/
.text-c{ text-align: center; }	/*　中央揃え　*/
.text-r{ text-align: right; }	/*　右寄せ　*/



/*
		マージンの位置配置
 ----------------------------------------------------------------------*/



.m0{ margin: 0px!important; }				/*全margin無し*/
.mt-0{ margin-top: 0px!important; }			/*上marginが0px*/
.mr-0{ margin-right: 0px!important; }		/*右marginが0px*/
.mb-0{ margin-bottom: 0px!important; }		/*下marginが0px*/
.ml-0{ margin-left: 0px!important; }		/*左marginが0px*/

.m1{ margin: 1px!important; }
.mt-1{ margin-top: 1px!important; }	
.mr-1{ margin-right: 1px!important; }
.mb-1{ margin-bottom: 1px!important; }
.ml-1{ margin-left: 1px!important; }

.m2{ margin: 2px!important; }
.mt-2{ margin-top: 2px!important; }	
.mr-2{ margin-right: 2px!important; }
.mb-2{ margin-bottom: 2px!important; }
.ml-2{ margin-left: 2px!important; }

.m3{ margin: 3px!important; }
.mt-3{ margin-top: 3px!important; }	
.mr-3{ margin-right: 3px!important; }
.mb-3{ margin-bottom: 3px!important; }
.ml-3{ margin-left: 3px!important; }

.m4{ margin: 4px!important; }
.mt-4{ margin-top: 4px!important; }	
.mr-4{ margin-right: 4px!important; }
.mb-4{ margin-bottom: 4px!important; }
.ml-4{ margin-left: 4px!important; }

.m5{ margin: 5px!important; }
.mt-5{ margin-top: 5px!important; }	
.mr-5{ margin-right: 5px!important; }
.mb-5{ margin-bottom: 5px!important; }
.ml-5{ margin-left: 5px!important; }

.m6{ margin: 6px!important; }
.mt-6{ margin-top: 6px!important; }	
.mr-6{ margin-right: 6px!important; }
.mb-6{ margin-bottom: 6px!important; }
.ml-6{ margin-left: 6px!important; }

.m7{ margin: 7px!important; }
.mt-7{ margin-top: 7px!important; }	
.mr-7{ margin-right: 7px!important; }
.mb-7{ margin-bottom: 7px!important; }
.ml-7{ margin-left: 7px!important; }

.m8{ margin: 8px!important; }
.mt-8{ margin-top: 8px!important; }	
.mr-8{ margin-right: 8px!important; }
.mb-8{ margin-bottom: 8px!important; }
.ml-8{ margin-left: 8px!important; }

.m9{ margin: 9px!important; }
.mt-9{ margin-top: 9px!important; }	
.mr-9{ margin-right: 9px!important; }
.mb-9{ margin-bottom: 9px!important; }
.ml-9{ margin-left: 9px!important; }

.m10{ margin: 10px!important; }
.mt-10{ margin-top: 10px!important; }
.mr-10{ margin-right: 10px!important; }
.mb-10{ margin-bottom: 10px!important; }
.ml-10{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.mt-15{ margin-top: 15px!important; }
.mr-15{ margin-right: 15px!important; }
.mb-15{ margin-bottom: 15px!important; }
.ml-15{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.mt-20{ margin-top: 20px!important; }
.mr-20{ margin-right: 20px!important; }
.mb-20{ margin-bottom: 20px!important; }
.ml-20{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.mt-25{ margin-top: 25px!important; }
.mr-25{ margin-right: 25px!important; }
.mb-25{ margin-bottom: 25px!important; }
.ml-25{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.mt-30{ margin-top: 30px!important; }
.mr-30{ margin-right: 30px!important; }
.mb-30{ margin-bottom: 30px!important; }
.ml-30{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.mt-40{ margin-top: 40px!important; }
.mr-40{ margin-right: 40px!important; }
.mb-40{ margin-bottom: 40px!important; }
.ml-40{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.mt-50{ margin-top: 50px!important; }
.mr-50{ margin-right: 50px!important; }
.mb-50{ margin-bottom: 50px!important; }
.ml-50{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.mt-60{ margin-top: 60px!important; }
.mr-60{ margin-right: 60px!important; }
.mb-60{ margin-bottom: 60px!important; }
.ml-60{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.mt-70{ margin-top: 70px!important; }
.mr-70{ margin-right: 70px!important; }
.mb-70{ margin-bottom: 70px!important; }
.ml-70{ margin-left: 70px!important; }


/*------------------------------------------------------------
		padding
-------------------------------------------------------------*/

.p0{ padding: 0px!important; }				/*全padding無し*/
.pt-0{ padding-top: 0px!important; }		/*上paddingが0px*/
.pr-0{ padding-right: 0px!important; }		/*右paddingが0px*/
.pb-0{ padding-bottom: 0px!important; }		/*下paddingが0px*/
.pl-0{ padding-left: 0px!important; }		/*左paddingが0px*/

.p1{ padding: 1px!important; }
.pt-1{ padding-top: 1px!important; }
.pr-1{ padding-right: 1px!important; }
.pb-1{ padding-bottom: 1px!important; }
.pl-1{ padding-left: 1px!important; }

.p2{ padding: 2px!important; }
.pt-2{ padding-top: 2px!important; }
.pr-2{ padding-right: 2px!important; }
.pb-2{ padding-bottom: 2px!important; }
.pl-2{ padding-left: 2px!important; }

.p3{ padding: 3px!important; }
.pt-3{ padding-top: 3px!important; }
.pr-3{ padding-right: 3px!important; }
.pb-3{ padding-bottom: 3px!important; }
.pl-3{ padding-left: 3px!important; }

.p4{ padding: 4px!important; }
.pt-4{ padding-top: 4px!important; }
.pr-4{ padding-right: 4px!important; }
.pb-4{ padding-bottom: 4px!important; }
.pl-4{ padding-left: 4px!important; }

.p5{ padding: 5px!important; }
.pt-5{ padding-top: 5px!important; }
.pr-5{ padding-right: 5px!important; }
.pb-5{ padding-bottom: 5px!important; }
.pl-5{ padding-left: 5px!important; }

.p6{ padding: 6px!important; }
.pt-6{ padding-top: 6px!important; }
.pr-6{ padding-right: 6px!important; }
.pb-6{ padding-bottom: 6px!important; }
.pl-6{ padding-left: 6px!important; }

.p7{ padding: 7px!important; }
.pt-7{ padding-top: 7px!important; }
.pr-7{ padding-right: 7px!important; }
.pb-7{ padding-bottom: 7px!important; }
.pl-7{ padding-left: 7px!important; }

.p8{ padding: 8px!important; }
.pt-8{ padding-top: 8px!important; }
.pr-8{ padding-right: 8px!important; }
.pb-8{ padding-bottom: 8px!important; }
.pl-8{ padding-left: 8px!important; }

.p9{ padding: 9px!important; }
.pt-9{ padding-top: 9px!important; }
.pr-9{ padding-right: 9px!important; }
.pb-9{ padding-bottom: 9px!important; }
.pl-9{ padding-left: 9px!important; }

.p10{ padding: 10px!important; }
.pt-10{ padding-top: 10px!important; }
.pr-10{ padding-right: 10px!important; }
.pb-10{ padding-bottom: 10px!important; }
.pl-10{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.pt-15{ padding-top: 15px!important; }
.pr-15{ padding-right: 15px!important; }
.pb-15{ padding-bottom: 15px!important; }
.pl-15{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.pt-20{ padding-top: 20px!important; }
.pr-20{ padding-right: 20px!important; }
.pb-20{ padding-bottom: 20px!important; }
.pl-20{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.pt-30{ padding-top: 30px!important; }
.pr-30{ padding-right: 30px!important; }
.pb-30{ padding-bottom: 30px!important; }
.pl-30{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.pt-40{ padding-top: 40px!important; }
.pr-40{ padding-right: 40px!important; }
.pb-40{ padding-bottom: 40px!important; }
.pl-40{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.pt-50{ padding-top: 50px!important; }
.pr-50{ padding-right: 50px!important; }
.pb-50{ padding-bottom: 50px!important; }
.pl-50{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.pt-60{ padding-top: 60px!important; }
.pr-60{ padding-right: 60px!important; }
.pb-60{ padding-bottom: 60px!important; }
.pl-60{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.pt-70{ padding-top: 70px!important; }
.pr-70{ padding-right: 70px!important; }
.pb-70{ padding-bottom: 70px!important; }
.pl-70{ padding-left: 70px!important; }
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;}