@charset "utf-8";

/*
Theme Name: PS三世
Theme URI: http://www2.ctv.co.jp/
Author: 中山裕加吏
Author URI: http://www.ctv.co.jp/
Description: PS三世
Version: 1.0
CSS Document
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, 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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
img{ vertical-align : middle}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	border:0;
}
/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
hr{clear:both;}
input, select {
    vertical-align:middle;
}



/*  ///////////ここからデザイン用//////////  */



html {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.5;}

body{ background:#f2f1ec;}

h1{ margin-bottom:24px;}
h2{ display:none;}
h3,h4,h5,h6 { margin-bottom:12px;}
h1 {
font-size:48px; 
line-height:1;} /* 48px */
h2 {
font-size:24px;
line-height:1.3333;} /* 48px */
h3{
font-size:18px;
line-height:1;} /* 24px */
h4{
font-size:22px;
line-height:1.2;}
hgroup h2,h5,h6 {
font-size:24px;
line-height:1.5;} /* 24px */


h3{ background-color:#ff0000; color:#fff; padding:12px 0; margin-bottom:12px;}
h4{ border-top:#ff0000 5px solid; color:#ff0000; padding:12px 0 0 0; text-align:left; padding:5px 5% 0 5%; }
h5{border-top:#ff0000 5px solid; color:#ff0000; padding:5px 0 0 0;}

a{ color:#333; text-decoration:none; border:0;}
a:visited{ color:#63C;}
a:hover{ color:#ff0000;}
a:active{ color:#F90;}
img{ border:none;}

/* Fluid Image */
/*モダンブラウザ用*/
img, iframe, object { max-width:100%; }
/*IE7用*/
.ie7 img,
.ie7 object/ { width:100%; border:none; }
/*IE8用*/
.ie8 img,
.ie8 object { width:auto\9; border:none; }
/* //Fluid Image */


header { text-align:center; padding-top:16px; }
header h1 { margin-bottom:0; }
header h2 { color:#F90;}


nav { margin-bottom :12px;}
nav ul { overflow:hidden; width:100%; display:table; table-layout:fixed; list-style-position:outside;
background-color: #000;
background: -moz-linear-gradient(top, rgba(50,50,50,0.71) 0%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,50,50,0.71)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(50,50,50,0.71) 0%,rgba(0,0,0,1) 100%); /* W3C */
 }
nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.8em; line-height:1.5; display:table-cell; vertical-align:middle; list-style-position:outside; }
nav ul li a { display: block; padding:12px 0; color:#fff; text-decoration:none;}
nav ul li a:visited { display: block; color:#fff;}
nav ul li a:hover { display: block; color:#FF9;}
nav ul li a:active { display: block; color:#FC0;}
nav li:not(:last-child){ border-right:1px #999 dotted;}

footer {
color : white;
text-align : center;
padding : 0;
background : #ff0000;
 clear:both;
 }
footer p{ padding : 24px 0 0 0; line-height:1.5;}


article{ margin-bottom:48px; line-height:1.5;}
section{ margin-bottom:24px; padding-bottom:0px; background-color:#fff; }
#sub section{ background-color: transparent;}

/* 日付 */
p.date{ width:90%; text-align:right !important; font-size:0.8em; margin:12px auto;}

/* SNSボタン */
#sns_box{ width:90%; margin:0 auto ; padding:5px 0; overflow:auto; background-color:#FFF; display:table;}
#sns_box div{ padding:0 5px; float:left; margin:0; display:table-cell;}
#facebook_like{ width:110px !important; overflow:hidden;}
#twitter{ width:100px !important; overflow:hidden;}


/* 記事 */
.text_area{ width:90%; margin:0 auto 24px auto; padding:0 0 12px 0; text-align:left; color:#333;}
.text_area h1{ font-size:26px; }
.text_area h2{ font-size:24px; }
.text_area h3{ font-size:20px; }
.text_area h4{ font-size:14px; }
.text_area h5{ font-size:16px; }
.text_area h6{ font-size:14px; }
.text_area p{ line-height:1.5; margin:0; padding:0; margin-bottom:12px; text-align:left; }
.text_area address{ }
.text_area strong{ font-weight:bold;}
.text_area em{ font-style:italic;}
.text_area del{ text-decoration: line-through;}
.text_area li{ padding:0 0 0 1em; list-style:inside;}
.text_area blockquote{ margin:10px auto; background:url(../../img/ps3_bn/blockquote.gif) center top no-repeat;}
.text_area a:hover{ text-decoration:underline;}

.text_area dl {
	margin: 0 0 0 5px;
	padding: 0 10px 0 12px;
	border-left: 5px #f08888 solid;
}
.text_area dt {
	width:100%;
	padding: 0;
	font-weight: bold;
	text-indent: 0;
	line-height: 1.5;
}
.text_area dd {
	width:100%;
	padding: 0 0 10px 0;
	line-height: 1.5;
}



.text_area img{ margin:5px; padding:0;}
.sizefull{ width:550px; height: inherit;}
.aligncenter{ text-align:center; display:block;}
.wp-caption{ text-align:center; padding:5px; margin:0 auto;}


/* 記事内の画像 */
.alignnone{ margin:0;}
.aligncenter{ display:block; margin:10px auto 20px auto; text-align:center;}
.alignleft{ float:left; text-align:left; margin:5px; display:block; }
.alignright{ float:right; text-align:right; margin:5px; display:block; }
div.post img{ border:none; }
.wp-caption{ text-align:center;}
.wp-caption-text{ text-align:center; color:#666 !important; font-size:0.8em; }


/* ページ送り */
div.pagelink{ width:100%; background-color:#FFF; clear:both; overflow:hidden; padding:12px 0; margin:0 auto 48px auto;}
.pagelinkold { padding: 12px 0 12px 5%; float: left; text-align: left; }
.pagelinknew { padding: 12px 5% 12px 0; float: right; text-align: right; }

div.pagenavi{ width:100%; padding:12px 0; margin:0 auto 48px auto; overflow:hidden; }


/* メニュー */
.widget{ margin-bottom:24px; background-color:#fff;}
.widget ul{ padding-bottom:24px; margin-bottom:24px;}
.widget ul li{ width:90%; margin:0 auto; padding:0 0 0 1em; line-height:1.5; list-style: none; background: url(../../img/ps3_bn/li.gif) left 0.5em no-repeat;  text-align:left;}
.widget li{ border-bottom:#999 1px dotted; vertical-align: top;}
.widget li:not(:first-child){ margin-top:12px; }
.rss{ text-align:right; margin:0;}

/* ページ送り */
.wp-pagenavi{ width:100%; margin:0; color:#333333; text-align:left; font-size:1em;}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border-top: #fff 3px solid ;
	border-bottom: #fff 3px solid ;
	padding: 5px 10px;
	margin: 0 5px 5px 0;
	background-color:#fff;
	display:block;
	float:left;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-top: #ff0000 3px solid ;
	border-bottom: #ff0000 3px solid ;
	background-color:#ff0000;
	color:#fff;
}

.wp-pagenavi span.current {
	border-top: #fff 3px solid ;
	border-bottom: #ff0000 3px solid ;
	background-color:#fff;
	color:#333333;
}


/* フッターメニュー */
#f_nav { margin-bottom : 0;}
#f_nav ul { overflow:hidden; width:100%; display:table; table-layout:fixed;
background-color: #000;
 }
#f_nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.8em; line-height:1.2; display:table-cell; vertical-align:middle; }
#f_nav ul li a { display: block; padding:5px 0; color:#FFF; text-decoration:none;}
#f_nav ul li a:hover { display: block; color:#FF9;}
#f_nav ul li a:active { display: block; color:#FC0;}
#f_nav li:not(:last-child){ border-right:1px #999 dotted;}



/* 全ページ共通 */

#tab{
	width:100%;
	background:#f2f1ec;
	display:none;
	}
#tab_sp{
	width:100%;
	display: block;
	}
#tab_sp div{
	overflow:hidden;
	}

#contents {
width:90%;
margin:0 auto;
text-align:center;
margin-bottom:24px;
clear: both;}
#contents p { }
#contents img { }
#adv{ display:none;}
#sub{ background-color:transparent;}

/* 上スクロール */
.totop{ display:none;}

.clear{ clear:both;}

/* clearfix */
*:after {
  display:block;
  clear:both;
} /* この記述は固定です */

element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */


/* 480px - 767px */
@media screen and (min-width : 480px){

#sub{ overflow:hidden;}

.menu{ margin-bottom:24px; padding-bottom:24px; background-color: transparent; }

/* メニュー
.widget{ width:48%; float:left; margin-left:1%; margin-right:1%; margin-bottom:24px; background-color:#fff;}
.widget ul{ margin-bottom:24px;}
.widget ul li{ width:90%; margin:0 0 0 1.5em; line-height:1.3; list-style: url(../../img/ps3_bn/li.gif); text-align:left;}
.widget li{ border-bottom:#999 1px dotted;}
.widget li:not(:first-child){ margin-top:12px; }
 */
.rss{ clear:both;}


}

/* 768px - 1023px
@media screen and (min-width : 768px){

nav { margin-bottom :12px;}
nav ul li { text-shadow: 2px 2px 3px #000; font-size:0.8em; line-height:1.5; display:table-cell; vertical-align:middle; }


#mainv{ width:100%;}

#sub{ overflow:hidden;}

.menu{ margin-bottom:24px; padding-bottom:24px; background-color: transparent; }

.widget{ width:48%; float:left; margin-left:1%; margin-right:1%; margin-bottom:24px; background-color:#fff;}
.widget ul{ margin-bottom:24px;}
.widget ul li{ width:90%; margin:0 0 0 1.5em; line-height:1.3; list-style: url(../../img/ps3_bn/li.gif); text-align:left;}
.widget li{ border-bottom:#999 1px dotted;}
.widget li:not(:first-child){ margin-top:12px; }

.rss{ clear:both;}

#contents { }
}
 */


/* 1024px以上 */ 
@media screen and (min-width : 960px) {

header { text-align:center; padding-top:0; margin-bottom:24px; }

nav { width:640px; height:40px; margin-bottom:0; margin-top:0; background:url(../../img/ps3_bn/menu.gif) 0 bottom no-repeat; display:block; }
nav ul { height:40px; margin:0; background-color:transparent; }
nav li,nav ul li a  { height:40px; display:block; outline:none; }
nav ul li { float:left; list-style:none; display: inline; padding:0; border:0 !important; line-height:1; }
nav ul li span{ display:none;}

.nav01{ width:86px; margin:0;}
.nav01 a{ background:url(../../img/ps3_bn/menu.gif) 0 -40px;}
.nav01 a:hover{ background-position:0 top;}
.nav02{ width:134px; margin:0;}
.nav02 a{ background:url(../../img/ps3_bn/menu.gif) -86px -40px;}
.nav02 a:hover{ background-position:-86px top;}
.nav03{ width:179px; margin:0;}
.nav03 a{ background:url(../../img/ps3_bn/menu.gif) -220px -40px;}
.nav03 a:hover{ background-position:-220px top;}
.nav04{ width:241px; margin:0;}
.nav04 a{ background:url(../../img/ps3_bn/menu.gif) -399px -40px;}
.nav04 a:hover{ background-position:-399px top;}


footer {
width:960px; /*940/1024*/
padding: 0;
margin:30px auto 0 auto;
background:url(../../img/ps3_bn/footer_bg.gif) bottom right no-repeat #ff0000;
clear:both;
min-height:96px;}
footer p{ padding : 24px 0 0 0; clear:both;}

h3{ display:none;}

article{ margin-bottom:24px; line-height:1.5;}

section{ margin-bottom:24px; padding-bottom:6px; padding-left:0; padding-right:0; overflow:hidden; background-color:#FFF;  }

aside{ width:300px; background-color:transparent;}

#contents {
overflow:hidden;
width:960px; margin:0 auto;} /* 960/1024 */


#contents #main,
#contents #sub {
float : left;
margin : 48px 0 0 20px; } /*10/960*/
#contents #main { width : 640px; margin:48px 0 0 0; } /*620/960*/
#contents #sub { width : 300px; } /*300/960*/

#mainv_container{ width:100%; overflow: visible;}
#mainv{ width : 640px; float:left;}


#tab{ width:100%; background:#FFF; display: block;}
#tab_sp{ display: none;}

#adv{ display: block; width:300px; float:right; margin-top:0;}
#adv p{ text-align:right; font-size:0.8em; padding:0 5px 0 0; margin:0;}


/* ページ送り */
div.pagelink{ width:100%; background-color:#FFF; clear:both; overflow:hidden; padding:12px 0; margin:0 auto;}
.pagelinkold { padding: 12px 0 12px 5%; float: left; text-align: left; }
.pagelinknew { padding: 12px 5% 12px 0; float: right; text-align: right; }

div.pagenavi{ width:100%; padding:12px 0; margin:0 auto;}


/* メニュー */
#sub section{ background-color: transparent;}

.widget{ width:100%; margin-bottom:24px; margin-left:0; margin-right:0;}
.widget-title{ width:300px; margin:0 auto 12px auto; text-align:center;}
.widget ul{ margin-bottom:24px;}
.widget ul li{ width:90%; margin:0 auto; padding:0 0 0 1em; line-height:1.3; list-style: none; background: url(../../img/ps3_bn/li.gif) left 6px no-repeat;  text-align:left;}
.widget li{ border-bottom:#999 1px dotted;}
.widget li:not(:first-child){ margin-top:12px; }
.rss{ text-align:right; margin:0;}


/* フッターメニュー */

#f_nav { width:600px; height:30px; margin-bottom:0; margin-top:0; background:url(../../img/ps3_bn/menu.gif) 0 bottom no-repeat #ff0000; display:block; overflow:hidden; text-align:left;}
#f_nav ul { height:30px; margin:0; background-color:transparent; }
#f_nav li,#f_nav ul li a  { height:30px; display:block; outline:none;  }
#f_nav ul li { float:left; list-style:none; display: inline; padding:0; border:0 !important; line-height:1; }

.f_nav01{ width:86px; margin:0;}
.f_nav01 a{ background:url(../../img/ps3_bn/menu_f.gif) 0 -30px; padding-top:40px !important;}
.f_nav01 a:hover{ background-position:0 top;}
.f_nav02{ width:94px; margin:0;}
.f_nav02 a{ background:url(../../img/ps3_bn/menu_f.gif) -86px -30px; padding-top:40px !important;}
.f_nav02 a:hover{ background-position:-86px top;}
.f_nav03{ width:178px; margin:0;}
.f_nav03 a{ background:url(../../img/ps3_bn/menu_f.gif) -180px -30px; padding-top:40px !important;}
.f_nav03 a:hover{ background-position:-180px top;}
.f_nav04{ width:242px; margin:0;}
.f_nav04 a{ background:url(../../img/ps3_bn/menu_f.gif) -358px -30px; padding-top:40px !important;}
.f_nav04 a:hover{ background-position:-358px top;}



/* エフェクト */
.shadow{ box-shadow:5px 5px 5px rgba(0,0,0,0.4);}

/* 上スクロール */
.totop{ width:31.25%; margin:0 ; float:right; padding:50px 0 0 0; clear:both; display:block; }
.totop a{ display:block; width:40px; height:40px; background:url(../../img/ps3_bn/totop.gif) center bottom no-repeat; text-indent:-9999em; margin:0 auto ;}
.totop a:hover{ background-position: top center;}

}