/*
Theme Name: PC
Theme URI: 
Description: PC
Version: 1.0
Author: 
Author URI: -----
*/

* {
margin:0;
padding:0;
}

a{text-decoration:none;}
a:link{ color:#0000ff; }
a:visited{ color:#0000ff; }
a:hover{color:#799CFF;}
a img{ border:0; }
img{ vertical-align:top; }
a:hover img
{
opacity:0.9;
filter: alpha(opacity=90);
-ms-filter: "alpha( opacity=90 )";
background: #fff;
}
ul {
	list-style:none;
	margin:0;
	padding:0;
}

.float{float:left;}
.floatr{float:right;}


.PV-cat li {
	padding: 3px 0px 3px 15px;
	list-style: none;
	line-height:1.6em;
	background: url(images/yajirusi.png) 3px 7px no-repeat;
}

/*↓---フォント関係---↓*/
p{ margin-top:8px; }
.title h1{
	font-size:18px;
	color:#FFF;
	background-color:#443503;
	padding:5px 0 5px 10px;
}
h1 a:link{color:#FFF;}
h1 a:visited{ color:#FFF; }
.title{
	font-size:18px;
	font-weight:800;
	color:#FFF;
	background-color:#443503;
	padding:5px 0 5px 10px;
}

.b{font-weight:800;}

.strong_title{
font-size:16px;
font-weight:800;
border-bottom:1px dotted #CCC;
padding-bottom:5px;
margin-bottom:5px;
}

.big{
font-size:15px;
font-weight:800;
}
/*↑---フォント関係---↑*/

/* タブ */
.tabwidth #tab {
  display:table;
  width:100%;
}
.tabwidth #tab li {
  width: 50%;
  font-size:14px;
  font-weight:800;
  color:#FFF;
  padding:10px 0 10px 0;
  display:table-cell;
  background-color:#E9D67B;
  text-align:center;
  cursor: pointer;
}
.tabwidth #tab li.select {
  background: #CBA42A;
  z-index:10;
}
.tabwidth .disnon {
  display: none;
}
.tabwidth #tab li:first-child{
  border-width:1px;
  border-style:solid none none solid;
  border-color:#CBA42A;
}
.tabwidth #tab li:last-child{ 
  border-width:1px;
  border-style:solid solid none none;
  border-color:#CBA42A;
}
.tabwidth .content_wrap{
	background-color:#FFF;
	border-width:1px;
	border-style:none solid solid solid;
	border-color:#CBA42A;
	height:150px;
	overflow:auto;
}
/* タブ */

/* タブ2 */
.tabwidth2 #tab2{
  display:table;
  width:100%;
}
.tabwidth2 #tab2 li {
  width: 50%;
  font-size:14px;
  font-weight:800;
  color:#FFF;
  padding:10px 0 10px 0;
  display:table-cell;
  background-color:#E9D67B;
  text-align:center;
  cursor: pointer;
}
.tabwidth2 #tab2 li.select {
  background: #CBA42A;
  z-index:10;
}
.tabwidth2 #tab2 li.select.one {
  width:100%;
}
.tabwidth2 .disnon {
  display: none;
}
/* タブ2 */

/* kanren */
.kanren_title {
  margin-top:20px;
  font-size:14px;
  font-weight:800;
  color:#FFF;
  padding:10px 0 10px 0;
  background-color:#CBA42A;
  text-align:center;
}
/* kanren */

.searchwordstitle{
  padding:7px 10px 7px 10px;
  background: #CBA42A;
  font-size:14px;
  color:#FFF;
  text-align:center;
  font-weight:800;
}
.searchwords{
padding:5px;
border:1px solid #CBA42A;
height:100px;
overflow:auto;
background-color:#FFF;
}
.searchwords li{
font-size:10pt;
font-weight:800;
}
.searchwords li a{
float:left;
margin-right:10px;
}


.sibori{
  font-weight:800;
  margin:5px 0 8px 0;
  padding:0 0 0 7px;
  border-left: 10px solid #F18FAF;
  border-bottom:1px dotted #F18FAF;
}

.small{
	font-size:12px;
	color:#333;
}
/*↑---フォント関係---↑*/

body {
	background-color:#FBF9F4;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 13px;
	-webkit-text-size-adjust: none;	/*　iphone自動サイズ変更機能抑制 */
	word-break:break-all;
	min-width:1190px;
}

#index{
	width:1190px;
	margin:0 auto;
	}
	
#header{
	background-color:#FFF;
	width:1190px;
	margin:0 auto;
	}
	
.white{
width:100%;
background-color:#FFF;
}
.black{
width:100%;
background-color:#443503;
}

.bb{border-bottom:1px solid #ccc;}
.bt{border-top:1px solid #ccc;}

.head_table{
color:#FFF;
}
.head_table a{color:#6780ff;}
.head_table a:visited{ color:#bc61ea; }
.head_table a:hover { color:#FF0000; text-decoration:none; }

/*↓パン屑リスト↓*/
.pan {
    width:1190px;
    margin:0 auto;
    padding:5px 0 5px 5px;  
}

.pan li {
    font-size:11px;
    color:#FFFFFF;
    display:inline;  
    line-height:100%;  
    list-style-type:none;  
}

.pan li a {
    color:#CFE7FF;
    padding-right:10px;
    background:url(images/topicpath.gif) no-repeat right center;  
}
.pan a:visited{ color:#CFE7FF; }
.pan a:hover { text-decoration:underline; }
/*↑パン屑リスト↑*/

/*検索フォーム*/
#s  {  
    width: 250px;
    height: 15px;
    color: #808080;
    border: 2px solid #CCC;  
    padding: 3px;
}
#searchtext{position: relative; }
#searchBtn {
    position: absolute;
    padding:5px;
    top: -5px;
}

select{
width:250px;
height:25px;
}
/*検索フォーム*/

.top_form{
background:url(images/top_form_back.png) 0 0 repeat;
padding:0 10px 0 10px;
color:#FFF;
border:1px solid #7A7A7A;
	border-radius: 10px;	/* CSS3　IE用 */  
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;	/* Firefox用 */
	position: relative;	/*　IEバグ用 */ 
	behavior: url(/wp-content/themes/PIE.htc);	/*　IE用 */ 
}
.top_form table th{
width:100px;
text-align:left;
padding-right:10px;
}
.top_form table td{
padding:10px 0 10px 0;
}
.top_form table td.topformright{
width:300px;
height:55px;
}
.top_form table td.topformleft{
width:600px;
height:55px;
}

.top_form .bb{border-bottom:1px solid #7A7A7A;}
.top_form .bl{
border-left:1px solid #7A7A7A;
}
.top_submit{
font-size:14px;
font-weight:bold;
color:#333;
width:150px;
height:30px;
cursor: pointer;
	border-radius: 5px;	/* CSS3　IE用 */  
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;	/* Firefox用 */
	position: relative;	/*　IEバグ用 */ 
	behavior: url(/wp-content/themes/PIE.htc);	/*　IE用 */ 
}

#main{
	width:920px;
	float:right;
	margin-left:20px;
}

.tag_description{
	margin:10px 10px 10px 10px;
	padding:10px;
	background-color:#F2EEEC;
	border:1px solid #CCC;
}

.tag_description2{
margin-top:10px;
}
.tag_description2 img{
margin-right:10px;
height:170px;
}

.sample li{
float:left;
}

#side{
	width:250px;
	float:left;
}

.sidetitle{
	background: url(images/sidetitleback.png) 0px 0px repeat-x;
	padding:3px 10px 3px 10px;
	border:2px solid #CCC;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
}
.sidecontent{
padding:5px;
border-left:2px solid #CCC;
border-right:2px solid #CCC;
border-bottom:2px solid #CCC;
background-color:#EFEFEF;
}

.sidecontent .osusu{
	max-height:1000px;
	overflow:auto;
}

.side_link ul{
list-style-type: disc;
}
.side_link li{
margin-left:18px;
}

.sidegra li{
width:115px;
height:140px;
overflow:hidden;
text-align:center;
float:left;
}

.w_rank ul{
list-style-type: decimal;
}
.w_rank li+li{
margin-top:5px;
border-top:1px dotted #CCC;
padding-top:5px;
}


.rist-menu li{ 
padding :0; 
margin:0; 
border-bottom: 1px dotted #FFE29E;
}
.rist-menu li:last-child{border-bottom: 0px;}
.rist-menu li a{
display: block;
background: url(images/potti.png) no-repeat 7px 6px;
padding: 2px 0px 3px 25px;
color:#0000ff;
margin: 1px 0px;
text-decoration:none;
font-size: 14px;
}
.rist-menu li a:hover{
color:#0000ff;
text-decoration:underline;
}


.rank li{
	margin-top:10px;
	position:relative;
	float:left;
 }
.rank li:first-child{margin-top:0px;}
.rank_title{
	width:240px;
	height:40px;
	padding:5px;
	position:absolute;
	left: 0px;
	top: 121px;
	background:url(images/si-ru.png) 0 0;
	z-index:1;
}
.rank_title a{
	color:#FFF;
	font-weight:800;
}

.main_content li{
	margin-bottom:10px;
	padding:10px;
	background-color:#FFF;
	border:1px solid #ccc;
	border-radius: 5px 5px 5px 5px;
    -webkit-border-top-right-radius: 5px;  
    -webkit-border-top-left-radius: 5px;   
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;   
    -moz-border-radius-topright: 5px;  
    -moz-border-radius-topleft: 5px; 
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px; 
	behavior: url(/wp-content/themes/PIE.htc);
}
.main_content li img{
	max-height:180px;
	max-width:350px;
	margin-right:10px;
}
.content{
	background-color:#FFF;
	border:1px solid #E50C8C;
}

a:link.download{
  display:block;
  width:380px;
  height:112px;
  background-image:url(images/downloadbtn.png);
  text-indent:-10000px;
  list-style:none;
}
a:hover.download{
  display:block;
  width:380px;
  height:112px;
  background-image:url(images/downloadbtn_hover.png);
  text-indent:-10000px;
  list-style:none;
}

a:link.downloadnow{
  display:block;
  width:400px;
  height:70px;
  background-image:url(images/download_now.png);
  list-style:none;
}

.kimama li{
width:147px;
height:165px;
float:left;
}
.kimama li+li{margin-left:5px;}
.kimama img{
width:147px;
height:120px;
}
.kimamatitle{
color:#333;
border-left:10px solid #FC6217;
padding-left:5px;
margin:5px 0 5px 0;
font-size:16px;
font-weight:800;
}

/* ランキング */
ol {
counter-reset:number;
list-style:none;
margin:0;
padding:0;
}

ol li:before{
counter-increment: number;
content: counter(number);
font-weight:800;
color:#FFF;
position:relative;
}

ol li:before {
background: url(images/rank.png) 0 0 no-repeat;
background-position: top center;
background-size: 41px;
width: 39px;
height: 38px;
display: inline-block;
text-align: center;
line-height: 40px;
margin-right: 4px;
position: absolute;  
    top: 0;  
    left: 0;
z-index:10;
}
/* ランキング */
.more{margin-top:10px;}
.more a{
background:url(images/more.png) 12px 8px no-repeat;
background-color: #FFFFFF;
border:1px solid #CCCCCC;
font-size:12px;
color:#000;
font-weight:800;
padding:3px 15px 3px 25px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	behavior: url(/wp-content/themes/PIE.htc);
}
.more a:hover{
border:1px solid #FF8400;
color:#000;
text-decoration: none;
}

.item img{
width:147px;
height:auto;
}

.item li{
background-color:#FFF;
margin:20px 0 0 10px;
width:162px;
height:280px;
padding:5px;
border:2px solid #CCC;
float:left;
position: relative;
}

.item li:first-child{margin:20px 0 0 0;}

.item .item_title{
height:60px;
overflow:hidden;
font-size:14px;
padding:0 5px 0 5px;
font-weight:800;
}


.kateitem li{
background-color:#FFF;
margin:0 0 10px 0;
padding:5px;
border:2px solid #CCC;
}
.kateitem li img{
width:95px;
height:auto;
margin-right:10px;
}
.kateitem .item_title{
height:95px;
overflow:hidden;
font-size:21px;
padding:0 5px 0 0;
font-weight:800;
}


.all_link a{
background-color:#CBA42A;
display:block;
width:100%;
margin-top:20px;
padding:10px 0 10px 0;
text-align:center;
font-size:18px;
font-weight:800;
color:#FFF;
}

.all_link a:hover{
background-color:#E9D67B;
}

.cup li img{width:126px;}
.cup li{
width:126px;
margin-left:6px;
float:left;
text-align:center;
}
.cup li:first-child{margin:0;}

.aiueo{
padding-left:10px;
}
.aiueo li{
border:1px solid #CCC;
background-color:#FFF;
text-align:center;
float:left;
margin:5px;
}
.aiueo li a{
padding:5px 10px;
display: block;
}


.side_cup {padding-left:10px;}
.side_cup li{
border:1px solid #CCC;
background-color:#FFF;
text-align:center;
float:left;
margin:5px;
}
.side_cup li a{
padding:7px;
display: block;
}
.side li a:hover{
color:#FF0000;
text-decoration:underline;
}

.update{
	padding-left:45px;
	background: url(images/update.gif) 0px 0px no-repeat;
}

.categooo a{
display: inline-block;
padding:0px 2px 0px 2px;
font-size:11px;
color:#443503;
background-color:#E9D67B;
	border-radius: 3px;
	-webkit-border-radius: 3px;  
	-moz-border-radius: 3px;  
	behavior: url(/wp-content/themes/PIE.htc);
}
.item .categooo{
position: absolute;
	left: 0;
	top: 266px;
	padding:1px 2px 1px 2px;
	width:164px;
	max-height: 18px; /* 表示行数 */
	text-decoration: inherit;
	overflow: hidden;
}

.samunail img{
width: 164px;
height: 128px;
}

.movie{
position: absolute;
	left: 87px;
	top: 78px;
}
.title_over{
    overflow: hidden;
     max-height: 2.8em; /* 初期値 2.8em */
     line-height: 1.4em;
     width: 168px;
     text-decoration: inherit;
}
.tani{
background-color:#000;
margin:0px auto;
position: relative;
border:5px solid #CCC;
width:600px;
height:350px;
overflow:hidden;
}

.movie_over{
width:300px;
height:250px;
position: absolute;  
    top: 40px;  
    left: 150px;
z-index:5;
}
.delete{
width:13px;
height:13px;
position: absolute;  
    top: -5px;  
    left: 285px;
cursor:pointer;
z-index:6;
}

.play{
width:100px;
height:72px;
background:url(images/play.png)0 0 no-repeat;
position: absolute;  
    top: 130px; 
    left: 260px;
z-index:1;
}
.tanitu{
background-color:#FFF;
border:1px solid #CCC;
padding-bottom:70px;
  position: relative;
}

.tanitu a{
position: absolute;
	left: 135px;
	top: 400px;
}
.tanitu2 li{
	border-bottom:1px dotted #CCC;
	padding:5px 0 5px 0;
}
.tanitu2 li:first-child{
	padding:0 0 5px 0;
}
.tanitu2 li:last-child{
	padding:5px 0 0 0;
	border:0;
}

.gosite a{
padding:5px 10px 5px 10px;
display:block;
color:#FFF;
font-size:16px;
font-weight:bold;
background-color:#0A326D;
}
.gosite a:hover{
text-decoration:underline;
}

/* ボタン */
.download a{color:#FFF;}
.button {
  display: block;
  max-width: 320px;
  padding: 10px;
  /* テキスト */
  font-size: 20px;
  font-weight:bold;
  text-align: center;
  text-decoration: none;
  /* 角丸 */
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  /* ドロップシャドウ */
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .3);
}
/* ボタンの色を指定 */
.blue {
  border: solid 1px #0078a5;

  /* グラデーション */
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top, #00adee, #0078a5);
}
/* ボタン */

#footer{
background-color:#443503;
color:#FFF;
font-size:12px;
width:1190px;
margin:0 auto;
}
.page_top{
margin-top:20px;
margin-bottom:20px;
}
.fnavi {
	text-align:center;
	}
#footer a{color:#CFE7FF;}
#footer a:visited{ color:#CFE7FF; }
#footer a:hover { text-decoration:underline; }

.fnavi ul {
	display:inline;
	padding-left:5px;
	border-left:1px solid #FFF;
	}
	
.fnavi li {
	display:inline;
	padding-left:5px;
	padding-right:10px;
	border-right:1px solid #FFF;
	}

.foot_title{
	padding-left:5px;
	font-weight:800;
	border-left:3px solid #FC6217;
}

.site{
width:250px;
height:500px;
overflow-y:scroll;
}


/*↓---メニュー---↓*/
#menu{
  list-style-type: none;
  width: 100%;
  height: 35px;
}
#menu li{
  position: relative;
  width: 296px;
  height:35px;
  background:url(images/menu_back.png) repeat-x 0 0;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index:100;
  border-left:1px solid #CCC;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}
.menu_border{ background:url(images/menu_icon.png) 10px center no-repeat;}
#menu li:hover{
background:url(images/menu_back_hover.png) repeat-x 0 0;
}
#menu li:first-child{
border-radius: 5px 0 0 5px;  /* 左上・右上・右下・左下 */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px; 
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
	position:relative;
	behavior: url(/wp-content/themes/PIE.htc);
}
#menu li:last-child{
border-right:1px solid #CCC;
border-radius: 0 5px 5px 0;  /* 左上・右上・右下・左下 */  
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
	position:relative;
	behavior: url(/wp-content/themes/PIE.htc); 
}

#menu li a{
  display: block;
  margin: 0;
  padding: 12px 0 11px;
  color: #333;
  font-size: 14px;
  text-shadow: 1px 1px 10px #FFF;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
	position:relative;
	behavior: url(/wp-content/themes/PIE.htc); 
}
/*↑---メニュー---↑*/


/*↓---ページナビゲーション---↓*/
.pagination{margin-top:20px;}
.pagination a{
background-color:#FFF;
border:1px solid #CCC;
padding:1px 6px 1px 6px;
margin-left:5px;
}
.pagination .max_page{
background-color:#FFF;
border:1px solid #CCC;
padding:1px 6px 1px 6px;
margin-left:5px;
}
.pagination a:link{ color:#5367A4; }
.pagination a:hover{
border:1px solid #FF8400;
text-decoration: none;
}
.current{
background-color:#000;
color:#fff;
border:1px solid #333;
padding:1px 6px 1px 6px;
margin-left:5px;
}
/*↑---ページナビゲーション---↑*/

/*お問い合わせ*/
.info table{
border-collapse:collapse;
border-top:solid 2px #FF6683;
}
.info th{
color:#666666;
width:150px;
height:80px;
border:1px solid #333;
background-color:#DEDEDE;
}
.info td{
background-color:#FFF;
border:1px solid #333;
padding:10px 0 10px 20px;
width:400px;
}
.wpcf7-submit{
color:#333;
background-color:#F69999;
border:1px solid #E17575;
cursor:pointer;
padding:3px 10px;
	border-radius: 3px; 
    -webkit-border-radius: 3px;
    -moz-border-radius-: 3px;
	position: relative;	/*　IEバグ用 */
	behavior: url(/wp-content/themes/PIE.htc);
}

/*お問い合わせ*/

/* リンクページ */
.browser-shot-link li{
    background-color:#FFF;
    width:207px;
    text-align:center;
    border: 1px solid #cccccc!important;
    float:left;
    padding:5px;
    margin:10px 5px 5px 5px;
}
.sougo{
word-wrap: break-word;
	margin:0px 5px 0 5px;
	padding:5px 10px 5px 5px;
	border:1px solid #CCC;
}



.blogroll-wrapper{
	width:100%;
	height:300px;
	border:1px solid #CCC;
	background-color:#FFF;
	overflow:auto;
}
.blogroll-column{
	float:left;
	width:50%;
}

#seo_f ul {
	list-style-type: none;
}
/*↓---細かい部分---↓*/
.mt3{margin-top:3px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}

.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml12{margin-left:12px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}

.mr3{margin-right:3px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}

.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.p3{padding:3px;}
.p5{padding:5px;}
.p10{padding:10px;}
.p15{padding:15px;}

.pt3{padding-top:3px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt30{padding-top:30px;}

.pl3{padding-left:3px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}

.pr3{padding-right:3px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}

.pb3{padding-bottom:3px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.p1001014{padding:10px 10px 10px 14px;}

.w500{width:500px;}
/*↑---細かい部分---↑*/

.clear{clear:both;}