/*   
Theme Name: 横浜青年会議所
Theme URI: 
Description: 横浜青年会議所のWordpressデザインです。Thematicを親テーマとして使用しています。Thematicを削除しないでください。
Author: 横浜青年会議所
Author URI: http://www.yjc.yokohama-jc.or.jp/2012/
Template: thematic
Version: 1.0
Tags: 
.
Thematic is 息 Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('2c-l-fixed-yoko.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

/*-----------------------------
clearfix
-----------------------------*/
.cf:before,.cf:after {content:""; display:table;}
 .cf:after {clear:both;}
 /* For IE 6/7 (trigger hasLayout) */
.cf {zoom:1;}

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



#branding:after,#access:after,#container:after, #side_update:after,
#topMenu:after, #footer_logo:after, #footer_banner:after,
.main-aside:after, .post:after {content:""}


/*-----------------------------
font-family
-----------------------------*/
/*For Windows / Mac Font*/
.win body, .win input, .win textarea, .win .entry-title,
.win .entry-content h1, .win .entry-content h2,
.win .entry-content h3{
		font-family:"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}
.mac body, .mac input, .mac textarea, .mac .entry-title, 
.mac .entry-content h1, .mac .entry-content h2,
.mac .entry-content h3{
	font-family: Helvetica,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, sans-serif;
}
/*-----------------------------
Link
-----------------------------*/
a:link, a:visited{color:#444;text-decoration:none;}
a:hover{color:#444;	text-decoration:underline;}



/*-----------------------------
basic
-----------------------------*/
body{
	color:#808080;
	background:#fff;
	font-size:13px;
}
p+h2, ul+h2{
	margin-top:50px;
}
/*-----------------------------
Table -reset
-----------------------------*/
.entry-content table{
	margin-left:0;
	width:100%;
}
.entry-content th, .entry-content td{
	border:1px solid #ccc;
}
.entry-content th{background:#ddd}

/*-----------------------------
header
 branding -> logoTitle
-----------------------------*/
#header{
	background:#960d23 url('img/bg_header.jpg') top left repeat-x;
}
#branding {
    padding: 10px 0 35px;
}
#blog-title{
	float:left;
}
#header_contact{
	float:right;
}
#header_contact a{
	margin-left:10px;
}
/*-----------------------------
header
 access -> menu 2012theme
-----------------------------*/
#access{
	height:auto;
	border:0;
}
#topMenu{
	float:left;
	width:750px;
	margin:0 auto;
}
#topMenu-1col,#topMenu-2col,#topMenu-3col{
	display:table-cell;
	width:240px;
	padding-top:40px;
	border-left:1px solid #ccc;
}
#topMenu-1col{	background:url('img/topMenu_1col.png') top left no-repeat;}
#topMenu-2col{	background:url('img/topMenu_2col.png') top left no-repeat;}
#topMenu-3col{	background:url('img/topMenu_3col.png') top left no-repeat;}
.menu{width:auto;}
.sf-menu{
	float:none;
	margin-bottom:10px;
}
.sf-menu li{float:none;}
.ie6 .sf-menu {margin-bottom: -1px;}
.sf-menu a{
	padding:10px 13px;
	text-decoration:none;
}
.sf-sub-indicator{
	text-align:right;
	padding:0 3px;
}
/*menu level1*/
.sf-menu >li > a:link, .sf-menu >li > a:visited{
	color:#fff;
	border:0;
}
.sf-menu >li >a .sf-sub-indicator{
	background:url('img/ic_navi1.png') 50% 50% no-repeat;
}

.sf-menu > li > a:hover{
	color:#990033;
	background:#fff;
	-webkit-box-shadow: 0px 0px 10px 0px #808080;
	-moz-box-shadow: 0px 0px 10px 0px #808080;
	box-shadow: 0px 0px 10px 0px #808080;
	text-shadow: none;
	filter: none; 
}
.sf-menu > li > a:hover .sf-sub-indicator{
	background:url('img/ic_navi1_on.png') 50% 50% no-repeat;
}
/*menu level2-*/
.sf-menu ul{
	background:#fff;
	background:rgba(255, 255, 255, 0.9);
	-webkit-box-shadow: 0px 0px 10px 0px #808080;
	-moz-box-shadow: 0px 0px 10px 0px #808080;
	box-shadow: 0px 0px 10px 0px #808080; 
}
.ie8 .sf-menu ul{
	border:1px solid #ddd;
}
.sf-menu ul a:link, .sf-menu ul a:visited{
	color:#444;
	border:0;
}
.sf-menu ul a:hover{
	background:#444;
	background:rgba(68, 68, 68, 0.9);
	color:#fff;
}
.sf-menu .sub-menu{
	width:240px;
}
.sf-menu ul .sf-sub-indicator{
	background:url('img/ic_navi2.png') 0 2px no-repeat;
}
.sf-menu ul a:hover .sf-sub-indicator{
	background:url('img/ic_navi2_on.png') 0 2px no-repeat;
}
/*irodori*/
#header_theme{
	float:right;
	margin-top:80px;
}
/*-----------------------------
main
-----------------------------*/
#main{
	padding-top:40px;
}

/*-----------------------------
Side
-----------------------------*/
#side_join{
	text-align:center;
	margin-bottom:20px;
}
#side_update{
	clear:left;
}
#primary{
	clear:left;
}
/*-----------------------------
Update common side & content
-----------------------------*/
.update{
	margin-bottom:20px;
	padding:13px;
	background:#f1f1f1;
	font-size:12px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.update > strong{
	padding:35px 0 10px 60px;
	display:block;
	border-bottom:1px solid #999;
	font-size:16px;
	color:#444;
}
.update ul{
	margin-left:0;
	padding:0;
}
.update a:link,.update a:visited{
	color:#444;
	text-decoration:none;
}
.update a:hover{
	text-decoration:underline;
}
.update p{
	text-align:right;
}
.update > ul li{
	padding:1em 0;
	border-bottom:1px dashed #B2B2B2;
	list-style-type:none;
}
.update > ul li span{
	display:block;
}
#side_news > ul li span{
	text-align:right;
	font-size:10px;
}
#content #side_events_info ul span,
#content #side_events_report ul span{
	float:left;
	width:165px;
}
#content #side_events_info ul a,
#content #side_events_report ul a{
	float:left;
	width:500px;
}
#side_news > strong{
	background:url('img/ic_news.png') 0 0 no-repeat;
}
#side_events_info > strong{
	background:url('img/ic_events_info.png') 0 0 no-repeat;
}
#side_events_report > strong{
	background:url('img/ic_events_report.png') 0 0 no-repeat;
}


#footer_fb{
	text-align:center;
}
#footer_fb p{
	margin:0 auto;
	width:940px;
	text-align:right;
}
#footer_fb a:link,#footer_fb a:visited{
	color:#444;
}

/*-----------------------------
footer
 ->subsidiary is footermenu
-----------------------------*/
#footer{
	background:#444 url('img/bg_footer.png');
	color:#fff;
	-webkit-box-shadow: inset 0px 5px 10px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0px 5px 10px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0px 5px 10px 2px rgba(0, 0, 0, 0.5); 
}
#subsidiary{
	margin-top:20px;
	padding-top:0;
	padding-bottom:20px;
	border:1px solid #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#footer_home{
	margin-bottom:20px;
	padding:15px;
	border-bottom:1px solid #fff;
}
#footer_home a{
	display:block;
	width:300px;
}
#subsidiary .aside{
	margin:0;
	width:204px;
	float:none;
}
.main-aside ul{padding:0;}
#subsidiary #first, #subsidiary #second,
#subsidiary #third, #subsidiary #fourth{
	padding:45px 15px 10px;
	display: table-cell;
}
#subsidiary #first{
	background:url('img/footer_first.png') 15px 0 no-repeat;
}
#subsidiary #second{
	border-left:1px solid #fff;
	background:url('img/footer_second.png') 15px 0 no-repeat;
}
#subsidiary #third{
	border-left:1px solid #fff;
	background:url('img/footer_third.png') 15px 0 no-repeat;
}

#subsidiary .menu, #subsidiary .menu ul{
	margin-left:0;
}
#subsidiary .menu a:link,
#subsidiary .menu a:visited{
	color:#b2b2b2;
	text-decoration:none;
}
#subsidiary .menu a:hover{
	text-decoration:underline;
}
#subsidiary .menu > li > a:link,
#subsidiary .menu > li > a:visited{
	color:#fff;
	font-weight:bold;
}
#subsidiary .menu li{
	list-style-type:none;
}
#subsidiary .menu > li{
	margin-top:20px;
}
/*-----------------------------
footer
 ->footer_banner
-----------------------------*/
#footer_banner, #footer_logo,#footer_infonav{
	margin:0 auto;
	width:940px;
}
#footer_banner{
	margin:40px auto;
}
#footer_banner > ul{
	margin:0;
}
#footer_banner  li {
	list-style-type:none;
	float:left;
	margin:7px;
	width:220px;
	height:40px;
	text-align:center;
}
#footer_banner  li img{
	max-width:220px;
	max-height:40px;
}
/*-----------------------------
footer
 ->footer_box has logo adress mini_navi
-----------------------------*/
#footer_box{
	padding-top:15px;
	background:#111 url('img/bg_footer_box.png') top left repeat-x;
}
#footer_logo{
	padding-top:15px;
	border-bottom:1px solid #fff;
}
#footer_logo p{
	margin-bottom:10px;
}
#footer_logo .address{
	font-size:11px;
}
#footer_logo .address span{
	float:right;
	display:block;
}
#footer_logo a:link,#footer_logo a:visited,
#footer_infonav a:link, #footer_infonav a:visited{
	color:#fff;
	text-decoration:none;
}
#footer_logo a:hover, #footer_infonav a:hover{
	text-decoration:underline;
}
#footer_logo .address span a:link,
#footer_logo .address span a:visited{
	display:inline-block;
	margin-left:15px;
	padding-right:13px;
	background:url('img/ic_footer_link.png') 100% 50% no-repeat;
}
#footer_infonav{
	margin:20px auto 15px;
}
#footer_infonav li{
	float:left;
	list-style-type:none;
	font-size:11px;
}
/*-----------------------------
footer
 ->siteinfo is copyright
-----------------------------*/
#siteinfo{
	color:#707070;
	padding:0 0 20px;
}
/*-----------------------------
jump_top
-----------------------------*/
.jump_top{
	margin-bottom:0;
	text-align:right;
}
.jump_top img{
	margin:0;
}
#footer_logo .jump_top{
	float:right;
}
/*-----------------------------
entry-content
 output post
-----------------------------*/
.entry-content{
	line-height:24px;
	font-size:13px;
}
.post_date{
	text-align:right;
	color:#ccc;
}
.entry-title a:link,.entry-title a:visited{
	color:#444;
}
.entry-title a:hover {
    color: #444;
}
.entry-title{
	font-size:20px;
	line-height:30px;
	color:#444;
	font-weight:normal;
}
.entry-content h1, .entry-content h2{
	margin-bottom:15px;
	padding:0;
	font-size:16px;
	color:#444;
	font-weight:bold;
}
.entry-content h3{
	margin-bottom:15px;
	padding:0;
	font-size:16px;
	font-style:normal;
}
.entry-content a:link,a:visited{
	color:#990033;
}
.entry-content a:hover{
	color:#990033;
	text-decoration:underline;
}
.wp-post-image{
	border: 1px solid #CCCCCC;
    float: left;
    margin: 0;
    padding: 5px;
}
.entry_section{
	float:right;
	width:500px;
}
.archive .post{
	border-top:1px solid #bbb;
	padding:30px 0;
}
.entry-meta{
	font-style:normal;
}

/*-----------------------------
Parts
 ->bread
-----------------------------*/
.breadcrumb{
	font-size:12px;
	margin-bottom:35px;
}
.breadcrumb,.breadcrumb a:link,.breadcrumb a:visited{
	color:#990033;
}
/*-----------------------------
Parts
 ->post_navi
 ->navigation in post
-----------------------------*/
.post_navi{
	margin:20px 0 40px;
	width:100%;
	display:box;
	display: -webkit-box;
    display: -moz-box;
}
.jump_top + .post_navi{
	margin-top:40px;
}
.post_navi li{
	margin:0 5px;
	padding:12px 5px;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background:#ccc;
	list-style-type:none;
	text-align:center;
	font-size:15px;
}
.post_navi_small{
	font-size:10px;
	line-height:10px;
}
.post_navi li a:link,.post_navi li a:visited,.post_navi_sub li a:link,.post_navi_sub li a:visited{
	color:#fff;
}
.post_navi li a.active:link,.post_navi li a.active:visited, .post_navi_sub li a.active:link, .post_navi_sub li a.active:visited{
	color:#444;
}
.msie .post_navi{
	text-align:center;
}
.msie .post_navi li{
	display:inline-block;
	padding:12px 10px;
}
.post_navi_sub{
	padding:1px;
	margin:20px 0 40px;
	width:100%;
	font-size:12px;
	background:#ccc;
	display:table;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px #d4d4d4;
	-moz-box-shadow: 0px 0px 5px 0px #d4d4d4;
	box-shadow: 0px 0px 5px 0px #d4d4d4; 
}
.post_navi_sub > li{
	display:table-cell;
	padding:0 21px;
	height:40px;
	text-align:center;
	vertical-align:middle;
	list-style-type:none;
	background: url(img/line_navi.png) 0 1px repeat-y;
}
.post_navi_sub li:first-child{
	background:none;
}
.post_navi + .post_navi_sub{
	margin-top:-20px;
}
.post_navi +h2,.post_navi_sub +h2{
	margin-top:0px;
}

/*-----------------------------
Parts
 ->post_navi_v
 ->vertical menu
-----------------------------*/
.post_navi_v{
	margin:0 0 50px 0;
}
.post_navi_v li{
	font-size:14px;
	list-style-type:none;
	border-bottom:1px dotted #b2b2b2;
}
.post_navi_v li:first-child{
	border-top:1px dotted #b2b2b2;
}
.post_navi_v a:link,.post_navi_v a:visited{
	padding-right:15px;
	color:#444;
	background:url('img/ic_link_b.png') 100% 50% no-repeat;
}

/*-----------------------------
Parts
 ->ultbl has span and p
-----------------------------*/
.ultbl {margin-left:0;}
.ultbl li{
	padding:15px 0;
	list-style-type:none;
}
.ultbl li:after{content:"";}
.ultbl li span{
	display:block;
	float:left;
	width:180px;
}
.ultbl li p{
	margin-left:190px;
	margin-bottom:10px;
}
/*-----------------------------
Parts
 ->bdb_solid bdb_dashed
 ->use for ul,p,h2,h3
-----------------------------*/
ul.bdb_solid li{
	border-bottom:1px solid #b2b2b2;
}
ul.bdb_solid li:first-child{
	border-top:1px solid #b2b2b2;
}
ul.bdb_dashed li{
	border-top:1px dashed #b2b2b2;
}
ul.bdb_dashed li:first-child{
	border-top:0;
}
p.bdb_solid, h2.bdb_solid, h3.bdb_solid{
	border-bottom:1px solid #b2b2b2;
}
p.bdb_dashed, h2.bdb_dashed, h3.bdb_dashed{
	border-bottom:1px dashed #b2b2b2;
}
/*-----------------------------
Parts
 ->.imgframe
 ->message vision page
-----------------------------*/
.imgframe{
	padding:5px;
	border:1px solid #ccc;
}
/*-----------------------------
Parts
 ->.ic_link
 ->add link arrow-icon
-----------------------------*/
.ic_link{
	padding-right:15px;
	background:url('img/ic_link.png') 100% 50% no-repeat;
}
/*-----------------------------
Parts
 ->.tbl2color
 ->2 bgcolor
-----------------------------*/
.tbl2color{
	border:0;
	width:100%;
	margin-bottom:50px;
}
.tbl2color th{
	border:0;
	color:#990033;
	background:none;
	font-weight:bold;
}
.tbl2color td{
	border:0;
}
.tbl2color tr{
	border-bottom:1px solid #f2f2f2;
}
.tbl2color tbody tr:nth-child(2n+1){
	background:#f2f2f2;
}

/*-----------------------------
Parts-
Pager
-----------------------------*/
.page_navi{
	zoom:1;
	width:100%;
	text-align:center;
}
.page_navi:after{
	content: ""; 
    display: block; 
    clear: both;
}
.page_navi li{
	padding:0 5px;
	display:inline;
	list-style-type:none;
}


/*-----------------------------
Top-page
-----------------------------*/
#post-146{
	padding-bottom:0;
}
#top_video{
	margin-bottom:60px;
	padding:17px 0;
	text-align:center;
	background:url('img/bg_video.jpg') 50% 50% no-repeat;
}
/*-----------------------------
Page ->Join
-----------------------------*/
#curriculum2012, #curriculum2012 td{
	border:0;
}
#curriculum2012 tr{
	border:0;
	border-top:1px dashed #b2b2b2;
}
#curriculum2012 tr:first-child{
	border-top:1px solid #b2b2b2;
}
#voice{
	margin-left:5px;
}
#voice dt{
	background:url('img/ic_voice.png') no-repeat;
	padding:20px 0 5px 50px;
	font-size:16px;
	font-weight:normal;
}
#voice dd{
	margin-bottom:40px;
}
#qa{
	margin-left:5px;
}
#qa dt{
	margin-bottom:15px;
	padding:5px 0 5px 50px;
	background:url('img/ic_q.png') no-repeat;
	font-size:16px;
	color:#990033;
	font-weight:normal;
}
#qa dd{
	margin-bottom:40px;
	padding:5px 0 5px 50px;
	background:url('img/ic_a.png') no-repeat;
}
/*-----------------------------
Page ->disclosure plan
-----------------------------*/
#post-208 h3{
	color:#990033;
	font-size:13px;
	font-weight:bold;
}

/*-----------------------------
Parts
 ->captionR
 ->background red
-----------------------------*/
h2.captionR, h3.captionR{
	padding:5px;
	border:0;
	font-size:14px;
	color:#fff;
	background:#990033;
}
/*-----------------------------
Page
 ->our-team page
-----------------------------*/
.photo-allmember{
	height:auto;
	margin-left:0;
}
.photo-allmember:after{
	content:"";
}
.photo-allmember li{
	float:left;
	width:150px;
	height:250px;
	padding:5px;
	margin:5px;
	list-style-type:none;
	border:1px solid #d4d4d4;
	-webkit-box-shadow: 0px 0px 5px 0px #d4d4d4;
	-moz-box-shadow: 0px 0px 5px 0px #d4d4d4;
	box-shadow: 0px 0px 5px 0px #d4d4d4; 
}
.photo-allmember li img{
	margin-bottom:5px;
}
.photo-allmember li p:first-line{
	font-size:11px;
	line-height:13px;
}
#head-director{
	padding-left:172px;
	margin-bottom:0;
}
.member_photo{
	float:left;
	height:250px;
	padding:5px;
	border:1px solid #d4d4d4;
	-webkit-box-shadow: 0px 0px 5px 0px #d4d4d4;
	-moz-box-shadow: 0px 0px 5px 0px #d4d4d4;
	box-shadow: 0px 0px 5px 0px #d4d4d4; 
}
.member_photo img{
	margin-bottom:0;
}
.member_photo p{
	width:150px;
	margin-bottom:5px;
}
.member_photo p span{
	font-size:11px;
	line-height:13px;
}
div.member_intro{
	margin-left:200px;
}
div.member_intro p{
	width:auto;
}
/*-----------------------------
Page
 ->teikan
-----------------------------*/
#post-34 h3{
	margin-bottom:0;
	color:#990033;
	font-size:13px;
	font-weight:bold;
}
/*-----------------------------
Page
 ->kitei
-----------------------------*/
#post-36 h3{
	color:#444;
	font-size:14px;
	font-weight:bold;
}
#post-36 span{
	color:#990033;
	font-weight:bold;
}
.li_Roman{
	margin-left:3em;
}
.li_Roman > li{
	list-style-type:upper-roman;
}
.li_Roman > li li{
	list-style-type:decimal;
}
/*-----------------------------
Page
 ->manual
-----------------------------*/
#post-38 strong{
	color:#990033;
}
/*-----------------------------
Page
 ->jc-words
-----------------------------*/
#post-45 dl{
	margin-left:5px;
}
#post-45 dt{
	color:#990033;
	font-weight:bold;
}

/*-----------------------------
Page
 ->access
-----------------------------*/
.dttbl{
	margin-left:5px;
}
.dttbl:after{
	content:"";
}
.dttbl dt{
	float:left;
	width:90px;
}
.dttbl dd{
	margin-left:105px;
}
.dttbl150 dt{
	width:150px;
}
.dttbl150 dd{
	margin-left:165px;
}
/*-----------------------------
Page
 ->contact
-----------------------------*/
.ulform{
	margin-left:0;
}
.ulform li{
	padding:5px 0;
	list-style-type:none;
}
.ulform li:after{
	content:"";
}
.ulform li label{
	float:left;
	display:block;
	width:200px;
}
.ulform li > span{
	display:block;
	margin-left:205px;
	width:490px;
}
.ulform li > span input[type="text"],.ulform li > span textarea{
	padding:3px;
	width:480px;
	background:#e6e6e6;
	border:1px solid #e6e6e6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.wpcf7-radio > span{
	display:block;
}
#sbumit_area{
	text-align:center;
}
#sbumit_area input[type="submit"]{
	padding:2px 80px;
	background:#990033;
	border:1px solid #990033;
	color:#fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#sbumit_area input[type="submit"]:hover{
	background:#b3003c;
	cursor:pointer;
}

.ie7 #topMenu-1col,
.ie7 #topMenu-2col,
.ie7 #topMenu-3col{
	float: left;
}
.ie7 #subsidiary #first,
.ie7 #subsidiary #second,
.ie7 #subsidiary #third,
.ie7 #subsidiary #fourth{
	float: left;
}