@charset "utf-8";


/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, ranking, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */

body{
color:#333;
font:12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.5;
background:url(images/top_bg.gif) top center repeat-x;
-webkit-text-size-adjust: none;
}

/* リンク設定
------------------------------------------------------------*/
a{text-decoration:none;}
a:hover{color:#1c1c1c;text-decoration:underline;}
a:active, a:focus{outline:0;}


/* 全体
------------------------------------------------------------*/
#wrapper{
margin:0 auto;
padding:0 1%;
width:98%;
position:relative;
}

.inner{
margin:0 auto;
width:100%;
}


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

#header{
overflow:hidden;
}

* html #header{height:1%;}

/*************
/* ロゴ
*************/
#header .logo{
float:left;
padding:25px 0 0;
}

/**************************
/* タイトル（トップページ+サブページ）
**************************/
#mainVisual{
margin:20px auto 20px;
padding:10px;
line-height:0;
border:2px solid #fd3c85;
background:url(images/mainVisual_bg.jpg);
}

.pagetitle{
max-width:100%;
height:auto;
padding:20px;
line-height:1.4;
text-align:left;
background-color: rgba(255, 255, 255, 0.75);
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.05);
}

.pagetitle h1{
font-size:1.8em;
padding-bottom:5px;
}

.pagetitle h2{
font-size:14px;
color:#fd3c85;
text-indent:12px;
font-weight:bold;
}

/*************
パンくず
*************/
#myd-menu-inner{
    margin-bottom: 15px;
}
ol#breadcrumbs {
    list-style: none outside none;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
ol#breadcrumbs li {
    display: inline;
    font-size: 13px;
    line-height: 140%;
}
ol#breadcrumbs li a:after {
    content: " > ";
}
ol#breadcrumbs li a {
    font-weight: normal;
    text-decoration: none;
}
a:link {
}
a, a:visited {
    color: #0000CC;
    text-decoration: underline;
}

/*************
メイン コンテンツ
*************/
.Wrapper{
clear:both;
padding:20px 0;
overflow:hidden;
}

* html .Wrapper{height:1%;}
	
#ranking h2{
text-align:left;
font-size:1.8em;
margin-bottom:20px;
border-left:4px solid #fd3c85;
text-indent:15px;
}

#ranking p{
padding:5px 10px;
text-align:left;
}

.Wrapper img{
max-width:100%;
height:auto;
}

.entry_body {
    color: #222222;
    font-size: 1.2em;
    line-height: 175%;
    margin: 0 0 10px;
    text-align: left;
}

div.item_box {
    margin-bottom: 2em;
    overflow: hidden;
}

a.item_box, a:visited {
    color: #0000CC;
    text-decoration: underline;
}
.title {
    height: 40px;
    padding: 0 0 15px;
	background:url(images/title_icon.jpg) top left no-repeat;
}
.title_s {
    height: 40px;
}
span.title_underline {
    border-bottom: 1px dashed #fd3c85;
    display: block;
    font-size: 1.5em;
    font-weight: bold;
    list-style: none outside none !important;
    margin: 0;
    padding: 5px 5px 10px 50px;
}
span.title_underline_s {
    border-bottom: 1px dashed #CCC;
    display: block;
    font-size: 1.3em;
    font-weight: bold;
    list-style: none outside none !important;
    margin: 0;
    padding: 3px 5px 3px 15px;
}
.item_box img {
    border: 0 none;
    float: left;
    margin-bottom: 1em;
    margin-right: 2em;
}

dt.plg_title{
	background:#ff6eaf;
	padding:5px;
	margin-bottom:15px;
}
dd.plg_title{
	
}

dd.plg_body {
    font-size: 13px;
    line-height: 150%;
		margin:20px 0;
		padding:0 10px;
    text-align: left;
}
dd.plg_body ul {
    margin: 0;
    padding: 0;
}
dd.plg_body li {
	border-bottom:#ff6eaf 1px dashed;
	margin-bottom:10px;
	padding-bottom:10px;
}
dd.plg_body a{
	margin-bottom:5px;
}
dd.plg_body li:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #ff6eaf;
    content: "▼";
    display: block;
    float: left;
    font-size: 9px;
    line-height: 1px;
    margin: 10px 0 0 -12px;
    transform: rotate(-90deg);
}
.detail_btn{
	background:#ff6eaf;
	font-weight:bold;
	padding:10px 20px;
	float:right;
	display:block;
}
.detail_btn_s{
	background:#ff6eaf;
	font-weight:bold;
	padding:5px 10px;
	margin-top:15px;
	float:left;
	display:block;
	}
.detail_btn a,.detail_btn_s a{
	font-size:1em;
	color:#666;
	text-decoration:none;
}
.detail_btn a:after,.detail_btn_s a:after{
    content: " → ";
}
/*************
/* 広告枠
*************/

.ad{
	text-align:left;
	border:#CCC dashed 1px;
	margin-top:40px;
}
.ad article{
	padding:10px 20px;
}
.ad a{
	color:#06C;
	text-decoration:underline;
	font-weight:bold;
	font-size:1.3em;
}
/*************
/* フッター
*************/
#footer{
clear:both;
padding:10px 0;
margin-top:15px;
overflow:hidden;
background:#b70000;
border-top:1px solid #CCCCCC;
text-align:center;
background:url(images/footer_bg.gif);
}

* html #footer{height:1%;}

#footer a{color:#fff;}
#footer a:hover{color:#ccc;}

#footer .copyright{font-size:11px;}


/* PC用 */
@media only screen and (min-width:940px){	
	#wrapper,.inner{
	width:940px;
	margin:0 auto;
	padding:0;
	text-align:center;
	}
	
	#wrapper{
		padding-bottom:20px;
		}
	#ranking{
		padding:20px;
		border:#CCC 1px solid;
		margin-bottom:20px;
	}
	#main{
	float:right;
	width:690px;
	}
	
}


/* モニター幅960px以下 */
@media only screen and (max-width:960px){
	#header .logo{padding-left:10px;}
	
	.entry{
	float:none;
	width:100%;
	margin:0 0 20px;
	}
	
	#footer{
	float:none;
	width:100%;
	margin-bottom:10px0 5px 0;
	text-align:center;
	}
}


/* iPad 縦 */
@media only screen and (max-width:768px){
  #header{padding-bottom:0;}
	#mainVisual{padding:2px;}
}


/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
	
	p{text-align:left;}
	
	#footer	{
		margin-top:10px;
	}
	#footer p{
		text-align:center;
		padding:5px;
		}
}


/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	#header .logo{padding-top:25px;}
	
}