@charset "UTF-8";



/* ===================================================================
CSS information
 file name  :  default.css
 style info :  リセット及びbody初期設定 (このスタイルシートは基本的に変更しない)
=================================================================== */
/*--- reset */
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/

/*要素のフォントサイズやマージン・パディングをリセットしています*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-size: 100%;
}
/* clearfix レスポンシブ用 */
.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
/*行の高さをフォントサイズと同じにしています*/
body {
    line-height:1;
}

/*新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています*/
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

/*nav要素内ulのマーカー（行頭記号）を表示しないようにしています*/
nav ul {
    list-style:none;
}

/*引用符の表示が出ないようにしています*/
blockquote, q {
    quotes:none;
}

/*blockquote要素、q要素の前後にコンテンツを追加しないように指定しています*/
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

/*a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています*/
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。*/
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

/*テキストに打ち消し線が付くようにしています*/
del {
    text-decoration: line-through;
}

/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

/*隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています*/
table {
    border-collapse:collapse;
    border-spacing:0;
}

/*水平罫線のデフォルトである立体的な罫線を見えなくしています*/
hr {
    display:block;
    height:1px;
    border:0;

    padding:0;
}

/*縦方向の揃え位置を中央揃えに指定しています*/
input, select {
    vertical-align:middle;
}

/*リスト要素へのスタイルをリセットしています*/
ol, ul {
	list-style: none;
}

/*画像を縦に並べたときの余白を消します*/
img {
	vertical-align:top;
	font-size:0;
	line-height:0;
}

p {
	margin-bottom:1.2rem;
}

/*--- default */
html {
	font-size: 6.25%;
}
body {
	background:	url(../img/bg.png) repeat;
	color: #595353;
	font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6;
	margin:0 auto;
}
body > div {
	font-size:13px;
	font-size:13rem;
}
* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
a {
	color:#424AFF;
	text-decoration:none;
}
a:hover {
	color:#f7625d;
	text-decoration:underline;
}
.imgBd {
	margin-top: 3px;
	margin-right: 3px;
	margin-left: 3px;
	border: 2px solid #dedede;
}
.mB10 {
	margin-bottom:10rem;
}
.mB {
	margin-bottom:20rem;
}
.mB30 {
	margin-bottom:30rem;
}
.ovF {
	overflow:hidden;
	_zoom:1;
}
.bgColorYlw {
	background:#ffff77;
}
.bgColorRed {
	background:#fed6d5;
}
a:hover img {
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
}
.txtalLeft {
	text-align:left!important;
}
.txtalRight {
	text-align:right!important;
}
.center {
	text-align:center!important;
}

/*色を指定します*/

.mizu { color: #27BAE5; }
.blue { color: #77adf5; }
.pink { color: #ffadb7; }
.ki { color: #f6be5d; }
.ao { color: #002255; }
.tya { color: #bd000e}
.gray { color: #3d3737}
.aka { color: #F0354B; }
.akapink { color: #ec8282;}
.green { color: #4bb38f;}
.aomidori { color: #2ebab7;}
.enji { color: #9c2662;}
.ora { color: #FFAB18;}
.cha { color: #695647;}
.mura { color: #a1108b;}
.gray { color: #868686;}
/*文字を太くします*/
.b { font-weight: bold; }

/*下線を引きます*/
.u { text-decoration: underline; }

/*文字のフォントを指定します*/
.sz10 { font-size: 10rem; }
.sz11 { font-size: 11rem; }
.sz12 { font-size: 12rem; }
.sz13 { font-size: 13rem; }
.sz14 { font-size: 14rem; }
.sz15 { font-size: 15rem; }
.sz16 { font-size: 16rem; }
.sz18 { font-size: 18rem; }
.sz20 { font-size: 20rem; }
.sz22 { font-size: 22rem; }
.sz24 { font-size: 24rem; }
.sz26 { font-size: 26rem !important; }
.sz28 { font-size: 28rem; }
.sz32 { font-size: 32rem; }
.sz34 { font-size: 34rem; }
.sz38 { font-size: 38rem; }

.style01 {
	color:#ff0000;
	font-weight:bold;
	font-size: 20rem;
}
/*文字を装飾します*/
.line {
	background:url(../img/m-yellow.gif) bottom repeat-x;
}
/*明朝体を指定します*/
.min {
	font-family:'ヒラギノ明朝 ProN' , 'Hiragino Mincho ProN' , 'ＭＳ 明朝' , 'MS Mincho' , HiraMinProN-W3 , 'TakaoEx明朝' , TakaoExMincho , 'MotoyaLCedar' , 'Droid Sans Japanese' , serif  /* Android では ゴシック体表示 */;
}
.mt {
	text-decoration:underline;
	color:#0000ff;
	cursor:pointer;
}
.mt:hover {
	color:#ff9900;
}
.mt:hover img {
	opacity: .60; /* Standard: FF gt 1.5, Opera, Safari */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-khtml-opacity: .60; /* Safari 1.x */
	-moz-opacity: .60; /* FF lt 1.5, Netscape */
}
/*media Queries 大型タブレットより小さい場合のみ適応
----------------------------------------------------*/
@media only screen and (max-width: 768px) {
.rank01 .spL {
	width: 22%;
}
.rank02 .spL,
.rank03 .spL {
	width: 18%;
}
.rank01 .spL img,
.rank02 .spL img,
.rank03 .spL img {
	width: 100%;
}
.sz24 { font-size: 16rem; }
.sz20 { font-size: 15rem; }
.sz18 { font-size: 14rem; }
.sz16 { font-size: 13rem; }
.sz15 { font-size: 12rem; }
.bigS,
.sz14 { font-size: 11rem; }
.imgRsp {
	text-align:center;
	margin-bottom: 10px;
}
}
/*===================全体============================*/
header {
	background: url(../img/head_btm.png) repeat-x bottom #FFF;
	background-size: 20px;
	border-top:5px solid #FF8181;
	height: 57px;
	width: 100%;
}
header > .inner {
	margin: 0 auto;
	position: relative;
}
header .inner .logo {
	background: url(../img/logo.png) no-repeat left 1px;
	background-size: 28px;
	font-size: 19rem;
	font-weight: bold;
	position:absolute;
	padding-left: 35px;
	margin-top: 5px;
	min-height: 44px;
	top: 3px;
	left: 10px;
}
header .inner .logo a:link,
header .inner .logo a:visited {
	color: #515151;
	text-decoration:none;
}
header h1 {
	position:absolute;
	float: right;
	font-weight: normal;
	font-size: 15rem;
	top: 40px;
	right: 0;
}
.banner img {
	width: 100%;
	margin-bottom: 20px;	
}
.subBanner {
	margin-bottom: 10px;
	text-align: center;
}
.subBanner img {
	max-width: 100%;
}
#main {
	margin: 0 auto;
	width: 95%;
}
.dotte {
	background:url(../img/dot.gif) repeat-x top;
	margin:2px 0;
	height:2px;
}
/*===================flot============================*/
.spL {
	float:left;
	margin-right: 2%;
	margin-bottom: 1%;
}
.spR {
	float:right;
	margin: 0 0 1% 2%;
}
/*=====================main==========================*/
.imgL,
.imgR,
.flL,
.flR,
.alR,
.alL {
	text-align:center;
	margin: 0 auto 15px;
	display:block;
}
width70 {
	width: 70px;
}
.box {
	margin-bottom: 20px;
	overflow: hidden;
}
.ofH {
	overflow:hidden;
	margin-bottom: 1%;
}
/*frame*/
.frameG,
.frameP,
.frameF {
	border-radius: 5px;
	color: #888888;
	padding: 2% 2% 0 2%;
	overflow: hidden;
	font-size: 12rem;
	margin-bottom: 20px;
}
.frameG {
	background: #EDEDED;
}
.frameP {
	background: #fff1f3;
	border: 2px dotted #ffbbc5;
}
.frameF {
	background: #FFF;
}
/*ul*/
ul {
	margin-bottom: 10px;
}
ul li {
	background: url(../img/ulicon.png) no-repeat left ;
	padding-left: 12px;
	margin-bottom: 5px;
}
ul.check > li {
	background: url(../img/check_icon.png) no-repeat left 3px;
	background-size: 18px;
	padding-left: 20px;
	margin-bottom: 5px;
	text-align: left;
}
ul.box3 {
	overflow: hidden;
}
ul.box3 li {
	background: #FFF9E6;
	border-radius: 10px;
	padding: 10px;
	margin-bottom: 10px;
}
/*table*/
table {
	border-right:1px solid #818181;
	border-bottom:1px solid #818181;
	margin-bottom: 20px;
	width:100%;
	table-layout:fixed;
	font-size: 12rem;
}
table th,
table td {
	padding:5px;
	vertical-align:middle;
	text-align:center;
	border-left:1px solid #818181;
	border-top:1px solid #818181;
}
table th {
	background: #ffdadf;
}
table td {
	background: #FFF;

}	
table.hikaku td {
	text-align:center;
	min-height: 80px;
}
table.hikaku td img {
	max-width: 100%;
}
table.hikaku th {
	background: #FFE8EB;
}
table td.trank1,
table td.trank2,
table td.trank3 {
	height:80px;
}
table td.trank1 {
	background:url(../img/trank1.png) no-repeat center #FFF;
}
table td.trank2 {
	background:url(../img/trank2.png) no-repeat center #FFF;
}
table td.trank3 {
	background:url(../img/trank3.png) no-repeat center #FFF;
}
/*dl*/
dl.dl01,
dl.dl02 {
	margin-bottom: 20px;
	background: #FFF;
	padding: 10px;
}
dl.dl01 > dt {
	background:url(../img/kao1.png) no-repeat left center;
}
dl.dl02 > dt {
	background:url(../img/kao2.png) no-repeat left center;
}
dl.dl01 > dt,
dl.dl02 > dt {
	color:#F6A472;
	font-size: 15rem;
	font-weight: bold;
	padding-left:120px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	line-height: 2.6;
}
dl.dl01 > dd,
dl.dl02 > dd {
	margin-bottom: 20px;
	line-height:2;
}

/*=====================title==========================*/
h1,
h2,
h3,
h4 {
	line-height: 1.4;
}
h2 {
	background: url(../img/ttl_h3bg.png) repeat;
	border: 1px solid #868383;
	font-size: 16rem;
	padding: 1% 2%;
	margin: 40px 0 20px;
}
h3 {
	background: url(../img/ttl_h4btm.png) repeat-x bottom;
	background-size: 22.5px;
	color: #fe8896;
	font-size: 15rem;
	padding:0 10px 5px;
	margin: 20px 0 10px;
}
h4 {
	color: #fe908f;
	font-weight: bold;
	font-size: 14rem;
	margin-bottom: 10px;
	padding: 10px 10px 0;
}
.ttl01,
.ttl02,
.ttl03,
.ttl04,
.ttl05,
.ttlB,
.ttlR,
.ttlRS,
.ttlFukidasi,
.ttlP {
	line-height: 1.4;
	background: none;
	border: none;
	color: #595353;
	padding: 0;
	margin: 0;
}
.ttl01 {
	background: url(../img/ttl_h2top.png) top repeat-x,
	url(../img/ttl_h2btm.png) bottom repeat-x;
	color: #FFF;
	font-size: 16rem;
	font-weight: bold;
	filter:dropshadow(color=#fe8585,offX= 0,offY=-2)
	dropshadow(color=#fe8585,offX= 2,offY= 0)
	dropshadow(color=#fe8585,offX= 0,offY= 2)
	dropshadow(color=#fe8585,offX=-2,offY= 0);
	-webkit-text-stroke-color: #fe8585;
	-webkit-text-stroke-width: 0;
	text-shadow: #fe8585 2px 2px 0px, #fe8585 -2px 2px 0px,#fe8585 2px -2px 0px, #fe8585 -2px -2px 0px;
	padding:7px 0 24px 0;
	margin-bottom: 20px;
}
.ttl01 > span {
	background: url(../img/ttl_h2body.png);
	display: block;
	padding: 5px 0;
}
.ttl01 > span > span {
	margin: 0 auto;
	display: block;
	width: 95%;
}
.ttl02 {
	background: url(../img/ttl_h3bg.png) repeat;
	border: 1px solid #AACED2;
	font-size: 15rem;
	padding: 0.5% 1%;
	margin: 20px 0 10px;
}
.ttl02 > span {
	background: url(../img/ttl_h3icon.png) no-repeat 0 center;
	background-size: 30px;
	display:block;
	padding: 4px 0 2px 35px;
	min-height: 19px;
}
.ttl03 {
	background: url(../img/ttl_h4btm.png) repeat-x bottom;
	background-size: 22.5px;
	color: #fe8896;
	font-size: 15rem;
	padding:0 10px 5px;
	margin: 20px 0 10px;
}
.ttl04 {
	color: #fe908f;
	font-weight: bold;
	font-size: 14rem;
	margin-bottom: 10px;
	padding: 10px 10px 0;
}
.ttl04 a:link,
.ttl04 a:visited {
	color:#fe908f;
	text-decoration:underline;
}
.ttl04 a:hover {
	text-decoration: none;
}
.ttl05 {
	border-bottom: 2px dotted #695647;
	color: #eb8683;
	font-size: 15rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.ttlR {
	font-size: 20rem;
	margin-top: 2%;
}
.ttlRS {
	font-size: 20rem;
	line-height: 1.1;
	text-align: left;
}
.ttlB {
	background: url(../img/ttl_h2top.png) top repeat-x,
	url(../img/ttl_h2btm2.png) bottom repeat-x;
	color: #FFF;
	font-size: 16rem;
	font-weight: bold;
	filter:dropshadow(color=#fe8585,offX= 0,offY=-2)
	dropshadow(color=#fe8585,offX= 2,offY= 0)
	dropshadow(color=#fe8585,offX= 0,offY= 2)
	dropshadow(color=#fe8585,offX=-2,offY= 0);
	-webkit-text-stroke-color: #fe8585;
	-webkit-text-stroke-width: 0;
	text-shadow: #fe8585 2px 2px 0px, #fe8585 -2px 2px 0px,#fe8585 2px -2px 0px, #fe8585 -2px -2px 0px;
	padding:7px 0 7px 0;
	margin-bottom: 20px;
}
.ttlB > span {
	background: url(../img/ttl_h2body.png) repeat;
	display: block;
	padding: 5px 0;
}
.ttlB > span > span {
	margin: 0 auto;
	display: block;
	width: 95%;
}
p.rankStx {
	color: #868686;
	margin-bottom: 0;
	padding-top: 5px;
	font-size: 13rem;
	text-align: left;
}
.ttlFukidasi {
	color: #FFF;
	font-size: 15rem;
	font-weight: bold;
	padding: 2% 4%;
	position: relative;
	background: #f6a472;
	margin-bottom: 10px;
}
.ttlFukidasi:after {
	top: 100%;
	left: 5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(246, 164, 114, 0);
	border-top-color: #f6a472;
	border-width: 6px;
	margin-left: -10px;
}
.ttlP {
	background: url(../img/point_icon.png) no-repeat left;
	background-size: 30px; 
	font-size: 14rem;
	font-weight: bold;
	padding-left: 35px;
	margin-bottom: 10px;
	min-height: 18px;
}
/*rank*/
.rank01,
.rank02,
.rank03 {
	border: 1px solid #B0B0B0;
	border-radius: 5px;
	overflow:hidden;
	padding:2%;
}
 .rank01 {
	background: url(../img/rank01_bg.png);
}

.rank02 {
	background: url(../img/rank02_bg.png);
}
.rank03 {
	background: url(../img/rank03_bg.png);
	margin-bottom: 20px;
}
.rank01PF,
.rank02PF,
.rank03PF {
	border-radius: 10px;
	background: #FFF;
	padding: 4% 4% 2% 4%;
	overflow: hidden;
	margin-bottom: 20px;
}
.rank01PF {
	border: 2px dotted #ffbd7d;
}
.rank02PF {
	border: 2px dotted #6cb7fe;
}
.rank03PF {
	border: 2px dotted #69d181;
}
.rankS {
	margin-bottom: 20px;
}
/*point*/
.point01,
.point02,
.point03 {
	color:#af1b99;
	font-weight: bold;
	font-size: 22rem;
	padding-left: 45px;
	margin-bottom: 10px;
}
.point01 {
	background: url(../img/point01.png) no-repeat 0 center;
}
.point02 {
	background: url(../img/point02.png) no-repeat 0 center;
}
.point03 {
	background: url(../img/point03.png) no-repeat 0 center;
}
.blog{
	background: #FFF;
	border: 1px solid #ffaba8;
	padding: 2%;
	overflow:hidden;
	margin-bottom: 20px;
}
/*=====================2column==========================*/
.column2Main {
}
.side {
	overflow:hidden;
}
.side ul li.widget-container {
	background: none;
	padding: 3px;
}
.side ul li.widget-container > h3 {
	background:	url(../img/side_ttl_bg.png);
	border: 1px  solid #868383;
	color: #F97474;
	font-size: 15rem;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0 0 10px 0;
}
.side ul li.widget-container > h3 > span {
	background: url(../img/categry_icon.png) no-repeat right;
	display:block;
}
.side ul li.widget-container ul {
	padding: 0 10px;
}
.side ul li.widget-container ul li {
	background: url(../img/side_icon.png) no-repeat left center;
	border-bottom: 1px dotted #cec4c9;
	padding: 10px 10px 10px 25px;
	display: block;
}
.side ul li.widget-container ul li a {
	color:#6e6766;
}
.side ul li.widget-container ul li a:hover {
	color:#eb7381;
	padding-left: 5px;
}
.excerpt_more {
	float: right;
	background: #e7e7e7;
	border: 1px solid #cbcbcb;
	padding: 5px 10px;
}
.excerpt_more a:link,
.excerpt_more a:visited {
	color:#515151;
	text-decoration:underline;
}
.excerpt_more a:hover {
	text-decoration: none;
}
/*=====================パンくず==========================*/
.pankuzu {
	overflow:hidden;
	margin-bottom:10px;
}
#breadcrumbs {
	float:left;
	font-size:14px;
}
/*=====================footer==========================*/
footer {
	background: url(../img/ttl_h2top.png) repeat-x top,
	url(../img/ttl_h2body.png) repeat;
	text-align:center;
	color:#FFF;
	padding:10px 0px;
	bottom:0px;
}
footer .inner .pagetop {
	top: -30px;
	right: 50px;
	width: 103px;
	height: 102px;
}
footer ul {
	padding-top: 10px;
	margin-bottom:10px;
}
footer ul li {
	background:none;
	display:inline-block;
	margin: 0 5px;
	padding:0px;

}
footer p {
	font-size:12px;
	color:#FFF;
}
footer a:link,
footer a:visited {
	color:#FFF;
	text-decoration:underline;
}
/*=====================btn==========================*/
.btn {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffbdbd;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffbdbd;
	box-shadow:inset 0px 1px 0px 0px #ffbdbd;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7575), color-stop(1, #f05757));
	background:-moz-linear-gradient(top, #ff7575 5%, #f05757 100%);
	background:-webkit-linear-gradient(top, #ff7575 5%, #f05757 100%);
	background:-o-linear-gradient(top, #ff7575 5%, #f05757 100%);
	background:-ms-linear-gradient(top, #ff7575 5%, #f05757 100%);
	background:linear-gradient(to bottom, #ff7575 5%, #f05757 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7575', endColorstr='#f05757',GradientType=0);
	background-color:#ff7575;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius: 10px;
	border:1px solid #e0664e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight: bold;
	font-size:20rem;
	padding:10px 24px;
	line-height: 1.3;
	text-decoration:none;
	text-shadow:0px 1px 0px #a33f3f;
	width: 80%;
}
.btn:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f05757), color-stop(1, #ff7575));
	background:-moz-linear-gradient(top, #f05757 5%, #ff7575 100%);
	background:-webkit-linear-gradient(top, #f05757 5%, #ff7575 100%);
	background:-o-linear-gradient(top, #f05757 5%, #ff7575 100%);
	background:-ms-linear-gradient(top, #f05757 5%, #ff7575 100%);
	background:linear-gradient(to bottom, #f05757 5%, #ff7575 100%);
	color: #FFF;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f05757', endColorstr='#ff7575',GradientType=0);
	background-color:#f05757;
}
.btn:active {
	position:relative;
	top:1px;
}
/*========pagetop=======*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 5px;
	right: 5px;
}
/*========上書き用css=======*/
#main .mBNo {
	margin-bottom:0;
}
#main .mB40 {
	margin-bottom: 40px;
}


/* PC向けおよび大型タブレット向けのレイアウトの指定：769px～960px */
@media only screen and (min-width: 769px) {

/*========text size=======*/
body > div {
	font-size:16px;
	font-size:16rem;
}
/*========float=======*/
.alL {
	display:inline;
	float:left;
	margin:10px 10px 10px 0;
}
.alR {
	display:inline;
	float:right;
	margin:10px 0 10px 10px;
}
.flL {
	float:left;
	text-align: left;
}
.flR {
	float:right;
	text-align: left;
}
.imgL {
	float:left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.imgR,
.imgRsp {
	float:right;
	margin: 0 0 10px 20px;
	text-align: left;
}
/*========header=======*/
header {
	background-size: 30px;
	height: 67px;
}
header .inner .logo {
	background-size: 35px;
	font-size: 24rem;
	font-weight: bold;
	padding-left: 42px;
	min-height: 44px;
}
header h1 {
	position:absolute;
	float: right;
	font-weight: normal;
	font-size: 16rem;
	top: 40px;
	right: 0;
}
.banner img {
	width: 100%;
	margin-bottom: 20px;	
}
/*========ttl=======*/
h2 {
	font-size: 23rem;
}
.ttl01 {
	font-size: 26rem;
	text-align: center;
}
.ttl02 {
	font-size: 23rem;
	margin: 40px 0 20px;
}
.ttl02 > span {
	background-size: 40px;
	min-height: 29px;
}
.ttl03,
h3 {
	font-size: 20rem;
}
.ttl04,
h4 {
	font-weight: normal;
	font-size: 20rem;
}
.ttl05 {
	font-size: 20rem;
}

.ttlB {
	font-size: 26rem;
}
.ttlR {
	font-size: 40rem;
}
.ttlP {
	background-size: 45px; 
	padding-left: 50px;
	font-size: 20rem;
	font-weight:  normal;
	min-height: 31px;
}
.ttlFukidasi {
	font-size: 20rem;
	font-weight: normal;
	padding: 10px 20px;
}
.ttlFukidasi:after {
	left: 3%;
	border-width: 10px;
}
dl.dl01,
dl.dl02 {
	padding: 20px;
}
dl.dl01 > dt,
dl.dl02 > dt {
	font-size: 20rem;
	font-weight: normal;
}
/*========rank=======*/
.rank01,
.rank02,
.rank03 {
	border: 2px solid #B0B0B0;
}
.rankS {
	width: 48.9%;
}
.ttlRS {
	font-size: 40rem;
}
p.rankStx {
	padding-top: 0;
	font-size: 18rem;

}
/*========btn=======*/
.btn {
	font-size: 28rem;
	
}
/*========ul=======*/
ul.check > li {
	background-size: 22px;
	padding-left: 25px;
}
ul.box3 li {
	float: left;
	width: 29%;
	margin-right: 1.7%;
}
ul.box3 li.last {
	margin-right: 0;
}

/*========table=======*/
table {
	font-size:16px;
	font-size:16rem;
}
table th,
table td {
	padding: 10px;
}
/*========2colm=======*/
.column2 {
	float: left;
	width: 75%;
}
.column2Main {
	width: 93.5%;
}
.column2Main .imgL {
}
.column2Main .imgL img {
	width: 100%;
}
.column2Main .text {
	width: 62.9%;
	float: right;
}
.side {
	float:right;
	width:24.6%;
}
.side ul li.widget-container > h3 {
	font-size: 20rem;
	font-weight: normal;
}
/*========pagetop=======*/
#page-top {
	position: fixed;
	z-index: 9999;
	bottom: 20px;
	right: 10px;
}
}
/* PC向けレイアウトの指定：951px以上では固定レイアウト */
@media only screen and (min-width: 951px) {
header {
	height: 80px;
}
header > .inner {
	width: 950px;
}
header .inner .logo {
	background: url(../img/logo.png) no-repeat left top;
	color: #515151;
	font-size: 30rem;
	font-weight: bold;
	position:absolute;
	padding-left: 50px;
	margin-top: 5px;
	top: 3px;
	left: 10px;
}
.banner {
	margin: 0 auto;
	width: 950px;
	height: 300px;
	margin-bottom: 20px;	
}
#main {
	margin: 0 auto;
	width: 950px;
}

/*=====================main==========================*/
.box {
	margin-bottom: 20px;
	overflow: hidden;
}
.ofH {
	overflow:hidden;
}
/*ul*/
ul li {
	padding-left: 15px;
}
ul.check > li {
	padding-left: 30px;
}
ul.box3 li {
	float: left;
	width: 290px;
	margin-right: 10px;
}
/*table*/

table th,
table td {
	padding:10px;
}
table.hikaku td {
	text-align:center;
}
table.hikaku th {
	background: #FFE8EB;
}
/*dl*/
dl.dl01 > dt,
dl.dl02 > dt {
	font-size: 23rem;
}
/*=====================title==========================*/
h2 {
	font-size: 28rem;
}
.ttl01,
.ttl02,
.ttl03,
.ttl04,
.ttl0R,
.ttlFukidasi,
.ttlP {
	line-height: 1.3;
}
.ttl01 {
	font-size: 35rem;
}
.ttl02 {
	font-size: 30rem;
}
.ttl02 > span {
	background: url(../img/ttl_h3icon.png) no-repeat left;
	background-size: 60px;
	padding: 7px 0 4px 70px;
	min-height: 42px;
}
.ttl03,
h3 {
	font-size: 24rem;
}
.ttl04,
h4 {
	font-size: 24rem;
}
.ttlR {
	font-size: 45rem;
	margin-top: 20px;
}
.ttlB {
	font-size: 30rem;
}
.ttlRS {
	font-size: 34rem;
	line-height: 1.1;
}
p.rankStx {
	margin-bottom: 0;
	font-size: 22rem;
}
.ttlFukidasi {
	font-size: 23rem;
	font-weight: normal;

}
.ttlP {
	background-size: 59px; 
	font-size: 23rem;
	padding-left: 70px;
}
/*rank*/
.rank01,
.rank02,
.rank03 {
	padding:20px;
}
.rankS {
	width: 465px;
}
.rank01PF,
.rank02PF,
.rank03PF {
	border-radius: 10px;
	background: #FFF;
	padding: 20px 20px 10px 20px;
	overflow: hidden;
	margin-bottom: 20px;
}
/*=====================2column==========================*/
.column2 {
	width: 690px;
	overflow: hidden;
	float: left;
}
.column2Main {
	padding: 20px;
	width: 648px;
}
.column2Main:after {
	content:" ";
	background: url(../img/contents_btm.png) repeat-x  bottom;
	display: block;
	width: 100%;
	position:absolute;
}
.side {
	float:right;
	width:240px;
	margin-left:20px;
}
.side ul li.widget-container {
	padding: 3px;
}
.side ul li.widget-container > h3 {
	border: 1px  solid #868383;
	color: #F97474;
	font-size: 20rem;
	font-weight: normal;
	padding: 5px 10px;
}
.side ul li.widget-container ul {
	padding: 0 10px;
}
.side ul li.widget-container ul li {
	background: url(../img/side_icon.png) no-repeat left center;
	border-bottom: 1px dotted #cec4c9;
	padding: 10px 10px 10px 25px;
	display: block;
}
.side ul li.widget-container ul li a {
	color:#6e6766;
}
.side ul li.widget-container ul li a:hover {
	color:#eb7381;
	padding-left: 5px;
}
/*=====================btn==========================*/
.btn {
	font-size:30rem;
}
/*=====================上書き用css==========================*/
#main .mBNo {
	margin-bottom:0;
}
#main .mB40 {
	margin-bottom: 40px;
}
}