/*
Theme Name: 麻将連合
Theme URI: 
Author: jan39
Author URI: 
Description: 
License: GNU 
License URI: 

*/
@font-face {
  font-family: 'Typicons';
  src: url('fonts/typicons-regular-webfont.eot');
  src: url('fonts/typicons-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/typicons-regular-webfont.woff') format('woff'),
    url('fonts/typicons-regular-webfont.ttf') format('truetype'),
    url('fonts/typicons-regular-webfont.svg#TypiconsRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}
html{
	background:#fff url('images/bg_foot.png') center bottom repeat-x;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#555;
}
body{
	padding:0;
	margin:0;
	font-size:14px;
	line-height:1.5em;
	background: url('images/bg_head2.png') center top repeat-x;

}
body#toppage{
	background: url('images/bg_head1.png') center top repeat-x;
}
h1,h2,h3,h4,p,ul,li,form,nav,section,header,footer{
	padding:0;
	margin:0;
	font-weight:normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
img {
	border:0;
}
h1{
	font-size:10px;
	color:#aaa;
}

h2{
	background:#fff url(images/bg_h2.png) left top repeat-x;
	border-top:1px solid #ddd;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
	padding-left:1em;
	line-height:2.3em;
	font-size:16px;
	color:#333;
	height:34px;
	font-weight:bold;
	
}
#main h3{

	background:#f8fff4 url(images/bg_h3.png) left 2px no-repeat;
	border-bottom:1px dotted #393;

	padding:4.5px 2.3em;
	font-size:15px;
	color:#373;
	font-weight:normal;
	
}
.right{
	text-align:right;
}
.pad_ud{
	margin-top:1em;
	margin-bottom:1em;
}
.clr{
	clear:both;
}
a{
	color:#084;
	text-decoration:none;
}
a:hover{
	color:#f60;
}

#wrapper{
	width:960px;
	padding:0;
	margin:0 auto;
	overflow:hidden;
}
header{
	height:122px;
	
}

/*********************************
トップナビ
*********************************/

nav#topnav{
	margin-top:10px;
	float:right;
	text-align:right;
}
#topnav label{
	font-size:14px;
	color:#aaa;
}
#topnav ul{
	padding:0;
	list-style-image:none;
}
#topnav li{
	display:inline;
	float:left;
	list-style-image:none;
	padding:0 4px;
}
#topnav li:after{
	content:" | ";
	color:#aaa;
	font-weight:normal;
}
#topnav li:last-child:after{
	content:"";

}
#topnav a{
	text-decoration:none;
	color:#777;
	font-size:14px;
	font-weight:normal;
}

#topnav a:hover{
	color:#393;
}
#topnav form{
	margin-top:5px;
	margin-bottom:5px;
}
#topnav input[type='text']{
	width:200px;
}


/*********************************
フッターナビ
*********************************/
footer{
	padding-top:10px;
	clear:both;
	height:470px;
	text-align:center;
}
nav#footnav{
	padding-top:20px;
	padding-bottom:60px;
}

#footnav table{
	border-collapse: collapse;
	text-align:left;
}
#footnav td{
	vertical-align:top;
	border-right:1px #bbb dotted;
}
#footnav td:last-child{
	border-right:0;
}
#footnav a{
	text-decoration:none;
	color:#888;
	display:block;
	padding-left: 2em;
	padding-right:3em;
	font-size:12px;
	width:auto;
	
}
#footnav a.pd30{
	padding-left:1em;
}
#footnav a:hover{
	color:#6C9;
}
#footnav a:before{
	content:'・'
}

/****************************
トップイメージ
***************************/
section#topimage{
	margin-bottom:20px;
}


/****************************
ぱんくず
***************************/
section#bread{
	padding-top:5px;
	margin-bottom:15px;
	font-size:13px;
	
}
#bread a{
	color:#583;
}

#main nav{
	width:100%;
	margin-bottom:30px;
	/overflow:hidden;
}
div.infonav{
	width:230px;
	float:left;
	margin:3px;
}
#main .infonav p{
	padding:0;
	font-size:12px;
}
/****************************
メインセクション
***************************/
section#main{

	float:right;
	width:710px;
	min-height:400px;
	height:auto !important;
	height:400px;
	overflow:hidden;

}
#main article{
	margin-bottom:40px;
}
#main p{
	padding:1em 3em 1em 3em;
}
#main p a{
	text-decoration:underline;
}
#main .pad{
	padding:1em 3em 1em 3em;
}
a.btn{
	padding:6px 20px;
	color:#222;
	text-decoration:none;
	background:#e2ede0;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}
a.btn:hover{
	color:#090;
}

#home_lc{
	float:left;
	width:450px;
}
#home_rc{
	float:right;
	width:250px;
    box-sizing: border-box;
}
#home_rc .score{
    //display:none;
    box-sizing: border-box;
}
#home_rc .score .iframe_wrap{
    width:100%;
    box-sizing: border-box;
    position: relative;
    padding-top:141%;
}

#home_rc .score iframe{
    position: absolute;
    top:0;
    left:0;
    width:100%!important;
    height:100%!important;
    box-sizing: border-box;
}


#main .info_tb{
	border-collapse:collapse;
	border:2px solid #eee;
	
}
#main .info_tb td,#main .info_tb th{
	border:2px solid #eee;
	text-align:center;
	padding:5px;
}
/*****************
メインリスト
*****************/
#main ul{
	margin:15px 0;
	margin-bottom:30px;
	width:100%;
}
#main ul li{
	padding:10px 20px;
	display:block;
	list-style-image:none;
	border-bottom:1px dotted #aaa;
}
#main ul li:after{
	content:'';
	display:block;
	clear:both;
	width:0;
}
#main ul li time{
	display:none;
	width:110px;
	float:left;
	
}
#main ul li time:after{
	content:'|';
	padding-left:10px;
	color:#aaa;
}

#home_lc ul li time{
	display:none;
	float:right;
	width:auto;
	font-size:11px;
	
}
#home_lc ul li time:after{
	content:'';
	padding:0;
	color:#aaa;
}
#main li a{
	color:#064;
	text-decoration:none;
}
#main li a:hover{
	color:#4c4;
}
/**********************
インフォ
**********************/
#shta{
	margin:10px 5px;
	width:98%;
}
#shta td{
	line-height:1.4em;
	font-size:13px;
	
}
#shta td a{
	text-decoration:underline;
	color:#373
}
.shta_02{
	margin:10px;
	border-collapse:separate;
	width:98%;
	border:1px solid #ddd;
}
.shta_02 td{
	padding:5px;
	border:1px solid #ddd;
	text-align:center;
	vertical-align:middle;
}
/**********************
道場リスト
**********************/
#dojo_list table{
	margin:10px 20px;
}
#dojo_list th,#dojo_list td{
	vertical-align:top;
	text-align:left;
	padding:10px;
}
#dojo_list th{
    white-space: nowrap;
}
#dojo_list p{
	margin-bottom:20px;
}
#dojo_list iframe{
	margin:10px auto;
}
/**********************
スケジュール
**********************/
#top_schedule table{
	border-collapse:separate;
	border:1px solid #ccc;
	border-spacing:1px;
}
#top_schedule table th{
	border:1px solid #ddd;
	background:#f7f7f7;
	padding:2px 3px;
	width:80px;
}
#top_schedule table td{
	border:1px solid #ddd;
	text-align:center;
	//vertical-align:top;
	padding:3px 0;
	font-size:12px;
	line-height:1.3em;
	
}
#top_schedule table td.sctb_1{
	width:200px;
	text-align:left;
	padding-left:1em;
}
#top_schedule table td.sctb_2{
	width:130px;
	text-align:left;
	padding-left:1em;
}
.sctb_3{
	width:70px;
}
.top_sche_wrap{
max-height: 660px;
width: 100%;
box-sizing: border-box;
overflow-y: scroll;
border-bottom: 1px solid rgb(221, 221, 221);
position:relative;
}
/**********************
ページャー
**********************/
#paging{
	width:380px;
	margin:30px auto;

}

#paging .prev{
	float:left;
}
#paging .next{
	float:right;
}
#paging:after{
	content:'';
	clear:both;
	display: block;
    visibility: hidden;
}
#paging a{
	text-decoration:none;
	color:#777;
}
#paging a:hover{
	color:#494;
}
/**********************
サイド
*********************/

section#side{
	float:left;
	width:245px;
	text-align:left;
	overflow:hidden;
}
section#side h3{
	height:86px;
	margin-bottom:10px;
	text-indent:-9999px;
	
}
section#side h3.information{
	background:url(images/bn/h3_information.jpg) left top no-repeat;
}
section#side h3.topics{
	background:url(images/bn/h3_topics.jpg) left top no-repeat;
}
#side ul.side_list{
	width:225px;
	
}
section#side .side_list li{
	list-style-image:none;
	font-size:13px;
	padding:5px 2px;
	border-bottom:1px dotted #ccc;
	
}
.side_list a{
	text-decoration:none;
	color:#7a4;
}
.side_list a:hover{
	color:#474;
}
/**********************
サイド(道場)
*********************/
.side-dojo{
	margin-bottom:10px;
}
.side-dojo table{
	width:240px;
	border-collapse:separate;
	border-spacing:2px;
	border:1px solid #118E57;
	background:#eee;
}
.side-dojo td{
	border:1px solid #CCC;
	padding:3px;
	font-size:13px;
	background:#fff;
}

.side-dojo th{
	border:1px solid #CCC;
	padding:3px;
	font-size:13px;
	background:#118E57;
	text-align:left;
	color:#fff;
}

/**********************
プロフィール
**********************/
#side table.pr_menu{
	width:100%;
	border:1px solid #ccc;
	border-collapse:separate;
	border-spacing:1px;
	margin-bottom:3px;
}
#side table.tb_ct1{
	//background:#9cf;
}
#side table.pr_menu td{
	vertical-align:center;
	//padding:3px 0;
	border:1px solid #ddd;
	text-align:center;
	font-size:0.8em;
	width:50%;
}
#side h4.prf_h{
	border:1px solid #ddd;
	border-bottom:0;
	background:url('images/bg_h4.png') repeat-x;
	line-height:2.3em;
	height:34px;
	text-indent:1em;
	font-weight:bold;
}



.players td{
	//border:1px solid #222;
	empty-cells:hide;
	padding:0;
	margin:0;
	background:url(images/bt_prof.png) no-repeat;
}

/**********************
道場
**********************/
#dojo_tbl{
	width:100%;
	margin-bottom:20px;
}
table#dojo_tbl {
	margin-top:10px;
	border-collapse:separate;
}
#dojo_tbl th{
	background:#eee;
	border:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#dojo_tbl td{
	border:1px dotted #ccc;
	font-size:13px;
	padding:2px;
}
#dojo_tbl td.djn{
	text-align:center;
	white-space:nowrap;
}
#dojo_tbl td.nowp{
	white-space:nowrap;
}
#dojo_tbl td a{
	text-decoration:underline;
}
#dojo_tbl .w01 td{
	background:#eee;
}
#dojo_tbl .w02 td{
	background:#fef;
}
#dojo_tbl .w03 td{
	background:#dff;
}
#dojo_tbl .w04 td{
	background:#dfd;
}
#dojo_tbl .w05 td{
	background:#ffc;
}
#dojo_tbl .w06 td{
	background:#eef;
}
#dojo_tbl .w07 td{
	background:#fee;
}
#d_sche{
	margin:10px 0;
}
.dj_seiseki{
	margin:20px 0;
}
/**********************
link
*********************/
.linktable{
	margin-top:10px;
	width:100%;
}
.linktable th{
	text-align:left;
}
.lita_s{
	width:100%;
	border-collapse:collapse;
	border:1px solid #ddd;
}
.lita_s th{
	width:260px;
	text-align:center;
	border:1px solid #ddd;
	border-right:1px dotted #ddd;
}
.lita_s td{
	padding:5px;
	border-bottom:1px solid #ddd;
}
.lita_s th a{
	color:#36F;
}
.lita_s th a:hover{
	color:#8aF;
}





/**********************
検索結果
*********************/
.search_res{
	border-bottom:1px dotted #ddd;
	margin-bottom:10px;
}


/*********************
アコーディオンメニュー

**********************/

#accordion{
  list-style: none;
  width: 240px;
  font-size: 14px;
  line-height: 1;
  //background-color: #add8e6;
  background-color: #ffffff;
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: -ms-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%,transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%,transparent 75%, transparent);
  -moz-background-size: 4px 4px;
  -webkit-background-size: 4px 4px;
  -o-background-size: 4px 4px;
  -ms-background-size: 4px 4px;
  background-size: 4px 4px;
  margin: 0;
  padding: 0;
  border-top: 15px solid #118E57;
  border-bottom: 15px solid #118E57;
  border-radius: 3px;
  box-shadow: 2px 3px 2px rgba(0,0,0,.2);
}
#accordion > li{
  padding: 0;
  border-right: 1px solid #118E57;
  border-left: 1px solid #118E57;
}
#accordion li a{
  display: block;
  position:relative;
  color: #333;
  text-align:left;
  text-decoration:none;
  text-shadow: 0 1px 1px rgba(255,255,255,.7);
  padding: 15px 45px;
  border-bottom: 1px solid #79d6bf;
  border-top: 1px solid #eef7fa;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
#accordion > li:first-child > a{
  border-top: 0px;
}
#accordion > li a:before {
  position: absolute;
  top: 50%;
  left: 10px;
  font: 24px/100% 'Typicons';
  content: "\0023";
  color: #2f997f;
  margin-top: -10px;
  text-shadow: 1px 1px 0px rgba(255,255,255,.7);
}
#accordion li a:hover{
  color: #1b4958;
  background: rgba(0,0,0,.1);
  border-top-color: #c7eee4;
}

#accordion li .no-link{
	display: block;
  position:relative;
  color: #333;
  text-align:left;
  text-decoration:none;
  text-shadow: 0 1px 1px rgba(255,255,255,.7);
  padding: 15px 45px;
  border-bottom: 1px solid #79d6bf;
  border-top: 1px solid #eef7fa;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
	
}
#accordion > li .no-link:before {
  position: absolute;
  top: 50%;
  left: 10px;
  font: 24px/100% 'Typicons';
  content: "\0023";
  color: #2f997f;
  margin-top: -10px;
  text-shadow: 1px 1px 0px rgba(255,255,255,.7);
}
.arrow{
  position:absolute;
  top:50%;
  right: 10px;
  width: 20px;
  height: 20px;
  line-height: 1;
  text-shadow: 0 -1px 0px rgba(0,0,0,.3);
  margin-top: -10px;
  color: #d4ebf2;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
.arrow:before{
  font: 24px 'Typicons';
  content: "7";
}
#accordion li > a:hover .arrow{
  color: #2f997f;
}
.rotate {
  color:#2f997f;
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
#accordion li ul {
  list-style: none;
  background: #f1fff6;
  margin: 0;
  padding: 0;
}
#accordion li ul li a{
  position:relative;
  text-align:left;
  background: none;
  line-height: 1;
  padding: 15px 10px 15px 45px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #a0d2e2;
}
#accordion li ul li a:before {
  position: absolute;
  top: 50%;
  left:15px;
  content: "x";
  font:16px/100% 'Typicons';
  color: #2f997f;
  margin-top: -8px;
  text-shadow: 1px 1px 0 rgba(0,0,0,.5);
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}
#accordion li ul li:first-child a{
  border-top: 0px;
  box-shadow: 0 7px 7px -7px rgba(0,0,0,.5) inset;
}
#accordion li ul li:last-child a{
  border-bottom: 1px solid #5fb3ce;
}
#accordion li ul li a:hover{
  background: #d4f2eb;
  border-top-color: #eef7fa;
}
/****************************
スライダー
***************************/
.flexslider{
	border:1px solid #fff;
}
.flex-control-nav {
	z-index:2;
	bottom:0px;
}

/*******************
作成テーブル用
*******************/
.make_tbl{
	border-collapse:collapse;
	border:1px solid #6CC;
	margin:0px 10px;
	margin-left:40px;
}
.make_tbl td{
	border:1px solid #68a814;
	padding:5px;
}
.make_tbl tr:first-child {
	text-align:center;
	font-weight:bold;
	background:#9de73b;
	
}
/********************
テーブル
********************/
table.tbl_green{
	width:100%;
	border-collapse:separate;
	border:1px solid #118E57;
	background:#eee;
}
table.tbl_green th{
	padding:5px;
	background:#118E57;
	border:1px solid #ddd;
	color:#fff;
}
table.tbl_green td{
	padding:5px;
	background:#fff;
	border:1px solid #ddd;
	text-align:center;
}
table.tbl_green strong{
	color:#F63;
}
/*配置*/
.alignright { margin: 0 0 0 auto; }
.alignleft { margin: 0 auto 0 0; }
.aligncenter {margin: 0 auto; }

img.alignright { display: block; margin: 0 0 0 auto; }
img.alignleft { display: block; margin: 0 auto 0 0; }
img.aligncenter { display: block; margin: 0 auto; }