/*
Theme Name: beerken
Theme URI: http://wordpress.org/themes/twentyfourteen
Author: the WordPress team
Author URI: http://wordpress.org/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen 

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * Table of Contents:
 *
 * 1.0 - Reset
 * 2.0 - Repeatable Patterns
 * 3.0 - Basic Structure
 * 4.0 - Header
 * 5.0 - Navigation
 * 6.0 - Content
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header
 *   6.3 - Entry Meta
 *   6.4 - Entry Content
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives
 *   6.10 - Contributor Page
 *   6.11 - 404 Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */


/**
 * 1.0 Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal
 * http://necolas.github.com/normalize.css/ and Blueprint
 * http://www.blueprintcss.org/
 *
 * -----------------------------------------------------------------------------
 */

body, div, pre, p, blockquote,
form, fieldset, input, textarea, select, option,
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
table, th, td, embed,object{
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-weight: normal;
}
img {
	border: 0px;
	vertical-align: bottom;
}
html,body {
	height: 100%;
}
body{
	color: #000;
	font-size: 0.88em;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
/*common*/
#wrap{
	background: url('img/common/mainBg.png') no-repeat center -20px;
    margin: 0 auto;
	height: 100%;
	min-height: 100%;
}
body > #wrap {
	height: auto;
}
#header{
	position: relative;
	margin: 0px auto 100px auto;
	height: 60px;
	width: 980px;
}
.ov:hover{
	opacity: 0.4;
}
#header h1{
	position: absolute;
	display: block;
	top: 20px;
	left: 0px;
}
#header #hr{
	float: right;
}
#header #gn .main{
	position: absolute;
	top: 70px;
	display: block;
	list-style: none;
	z-index: 100;
}
#header #gn #gn1{left: 18px;}
#header #gn #gn2{left: 296px;}
#header #gn #gn3{left: 543px;}
#header #gn #gn4{left: 845px;}

#header #gn ul{
	display: none;
	width: 200px;
	background: #fff;
	padding: 5px;
	border: solid 1px #FDD21D;
	line-height: 180%;
}
#header #gn ul li{
	list-style: none;
}
#header #gn ul li a{
	display: block;
	text-decoration: none;
	color: #000;
}
#header #gn ul li a:hover{
	background: #ccc;
}
#pan{
	margin: 0px auto 10px auto;
	width: 980px;
}
#pTitle{
	display: block;
	margin: 0px auto 20px auto;
	width: 980px;
}
#contents{
	overflow: hidden;
	background: #fff8e6;
	margin: 0px auto 20px auto;
	padding: 20px 60px 30px 60px;
	width: 860px;
}
#contents #mainCon{
	float: left;
	width: 655px;
}
#contents #wideCon{
	float: left;
	width: 100%;
	padding: 25px 0px 0px 0px;
}
#contents .midashi1{
	background: url('img/common/midashi1.png') no-repeat;
	margin: 0px 0px 60px 0px;
	padding: 0px 0px 0px 44px;
	min-height: 44px;
	font-size: 2.071em;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
#contents .midashi2{
	margin: 0px 0px 14px 0px;
	font-size: 1.786em;
}
#contents .midashi3{
	margin: 0px 0px 14px 0px;
	font-size: 1.429em;
}
#contents .midashi4{
	margin: 0px 0px 10px 0px;
}
/* 20140626 yamazawa font-size */
#contents .eCon{
	margin: 0px 0px 20px 0px;
	font-size: 1em;
	line-height: 180%;
}
#contents .eCon2{
	margin: 0px 0px 30px 0px;
	line-height: 180%;
}
#contents .fConH{
	overflow: hidden;
	margin: 0px 0px 40px 0px;
}
#contents .fConH1{
	float: left;
	padding: 0px 40px 0px 0px;
	width: 390px;
	line-height: 180%;
}
#contents .fConH2{
	float: left;
}
#contents #mainCon #eCon img{
	margin: 20px 0px;
}
#contents #mainCon #page{
	text-align: center;
	font-size: 1.143em;
}
#contents #mainCon #page a{
	color: #2d2c2b;
}
#contents #rightCon{
	float: right;
	width: 170px;
}
#contents #rightCon #category li{
	margin: 0px 0px 20px 0px;
	list-style: none;
}
#footer{
	position: relative;
	overflow: hidden;
	margin: auto;
	padding: 0px 0px 20px 0px;
	width: 980px;
	text-align: center;
}
#footer #fNavi{
	position: relative;
	float: left;
	margin: 0 0 0 0;
	padding: 0;
	left: 50%;
}
#footer #fNavi li{
	position: relative;
	display: block;
	float: left;
	left: -50%;
	padding: 0px 20px;
	list-style: none;
	border-style: solid;
	border-width: 0px 0px 0px 1px;
	border-color: #d5ae35;
}
#footer #fNavi li.last{
	display: block;
	float: left;
	padding: 0px 20px;
	list-style: none;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	border-color: #d5ae35;
}
#footer #fNavi a{
	background: url('img/common/icon1.png') no-repeat center left;
	padding: 0px 0px 0px 12px;
	color: #2d2c2b;
	font-size: 0.929em;
	text-decoration: none;
}
#copy{
	background: #f84133;
	padding: 5px 0px;
	color: #fff;
	font-size: 0.857em;
	text-align: center;
}
/*top*/
#topWrap{
	background: url('img/top/topBg.png') no-repeat top center;
	margin:auto;
}
#top{
	position: relative;
	width: 980px;
	height: 280px;
	margin: -40px auto 0px auto;
	text-align: center;
}
#top .slider{
	display: none;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 215px;
	width: 550px;
	height: 230px;
}
#top .btn{
	background: url('img/top/sBtn.png') no-repeat;
	background-position: left bottom;
	display: none;
	position: absolute;
	width: 25px;
	height: 25px;
	cursor: pointer;
}
#top .selected{
	background-position: left top;
}
#top #btn1{
	top: 135px;
	left: 160px;
}
#top #btn2{
	top: 165px;
	left: 185px;
}
#top #btn3{
	top: 195px;
	left: 210px;
}
#menu1{
	overflow: hidden;
	width: 980px;
	margin: 10px auto 0px auto;
}
#menu1 li{
	float: left;
	padding: 0px 12px 0px 0px;
	list-style:none;
}
#menu1 li.last{
	margin: 0px;
	padding: 0px;
}
#menu2{
	overflow: hidden;
	width: 980px;
	margin: 40px auto 0px auto;
}
#menu2 a{
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
}
#menu3{
	overflow: hidden;
	width: 980px;
	height: 250px;
	margin: 20px auto 20px auto;
}
#menu3 li{
	float: left;
	padding: 0px 0px 0px 72px;
	list-style:none;
}
#topContent{
	overflow: hidden;
	width: 980px;
	margin: 0px auto 20px auto;
}
#topContent #topics{
	float: left;
	background: url('img/top/topicsBg.png') no-repeat;
}
/*text*/
.textCon{
	overflow: hidden;
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 40px 0px;
	border-bottom: solid 1px #feb600;
}
.textCon a{
	display: block;
	margin: 10px 0px 0px 0px;
}
.textCon ul{
	margin: 0px 0px 20px 0px;
}
.textCon li{
	margin: 0px 0px 5px 0px;
	list-style: none;
	font-size: 0.857em;
}
.textCon .textConH{
	float: left;
	width: 430px;
}
.textCon .textConH .textConH1{
	float: left;
	padding: 0px 20px 0px 0px;
}
.textCon .textConH .textConH2{
	float: left;
	width: 260px;
}
.textCon .textCon1{
	float: left;
	width: 185px;
	padding: 0px 40px 0px 0px;
	text-align: center;
}
.textCon .textCon2{
	float: left;
	padding: 0px 60px 0px 0px;
}
.textCon .msg{
	margin: 0px 0px 10px 0px;
}
.textCon .price{
	font-size: 0.857em;
}
.textCon .price .num{
	font-size: 1.500em;
	font-weight: bold;
}
.textCon .com{
	font-size: 0.714em;
}
/*data*/
#dataHead{
	text-align: right;
	font-size: 1.286em;
}
#dataHead li{
	display: inline;
	padding: 0px 0px 0px 60px;
}
#dataHead li a{
	color: #000;
}
.dataCon{
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}
.dataCon .dataConH{
	float: left;
	width: 380px;
	margin-right: 5px;
}
/*qa*/
#sTitle{
	display: block;
	margin: 0px auto 30px auto;
	width: 980px;
	font-size: 1.714em;
	font-weight: bold;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	text-align: center;
}
#catch{
	display: block;
	margin: 0px auto 30px auto;
	padding: 5px;
	width: 580px;
	border: solid 1px #000;
	font-size: 1.071em;
	font-weight: bold;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	text-align: center;
}
.qaBox{
	overflow: hidden;
	background: #fff9c6;
	margin: 0px auto 20px auto;
	padding: 15px 35px;
	width: 605px;
	font-size: 1.286em;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	line-height: 180%;
}
.qaBox .qImg{
	margin: 30px 0px;
	text-align: center;
}
.qaBox .qBox{
	height: 35px;
	background: url('img/qa/arrow1.png') no-repeat;
	background-position: 590px -35px;
	cursor: pointer;
}
.qaBox .qBoxActive{
	background-position: 590px 0px;
}
.qaBox .aBox{
	display: none;
	margin: 20px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border-top: solid 1px #feb600;
	font-size: 0.889em;
}
.qaBox .aBox .a{
	margin: 0px 0px 30px 0px;
	color: #feb600;
	font-size: 1.125em;
}
.qaBox .qIcon{
	margin: 0px 30px 0px 0px;
}
.arrow1{
	float: right;
	color: #feb600;
}


/* 20140708 yamazawa */
.qaBox .qBox strong{
	color:#f00;
	font-weight:bold;
}

/* end-20140708 yamazawa */


/*exam*/
#contents #examHead{
	overflow: hidden;
	margin: 0px 0px 30px 0px;
}
#contents .examMidashi1{
	float: left;
	font-size: 1.429em;
	font-weight: bold;
}
#contents .examBtn{
	float: right;
	padding: 0px 0px 0px 10px;
}
#contents .q{
	margin: 0px 0px 30px 0px;
}
#contents .q img{ margin-bottom : 30px;}
#contents .q .qNum{
	margin: 0px 0px 10px 0px;
	font-size: 1.071em;
	font-weight: bold;
}
#contents .q .qMsg{
	margin: 0px 0px 10px 0px;
	font-size: 1em;
}
#contents .q ul{
	display: block;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	font-size: 1em;
}
#contents .q .aBtn{
	background: #f29c9f;
	margin: 0px 0px 1px 0px;
	padding: 10px;
	text-align: center;
	font-size: 1.071em;
	cursor: pointer;
}
#contents .q .a{
	display: none;
	overflow: hidden;
	background: #f29c9f;
	padding: 10px 25px;
}
#contents .q .a .aTitle{
	padding: 0px 0px 5px 0px;
	font-size: 1.071em;
	font-weight: bold;
}
#contents .q .a .aM{
	float: left;
	width: 730px;
	font-size: 1em;
}
#contents .q .a .aMsg{
	float: left;
	width: 730px;
	font-size: 1em;
}

/* 20141217 yamazawa */
.q .q1-16{
	display:block;
	width:260px;
	float:left;
}

/* end-20141217 yamazawa */


/*gaiyou*/
#pageLink{
	margin: 0px 0px 20px 0px;
	font-size: 1.071em;
	text-align: center;
}
#pageLink a{
	color: #000;
}
#pageLink li{
	display: inline;
	padding: 0px 5px 0px 0px;
	list-style: none;
}
#gaiyou h3{
	font-size: 1.429em;
}
/* 20140703 yamazawa */
#gaiyou #topPrize{
	overflow:hidden;
	margin-top:10px;
}
#gaiyou #topPrize h3{
	float:left;
	height: 19px;
	line-height: 19px;
	font-size: 1.429em;
	vartical-align: middle;
	margin-right:1em;
}
#gaiyou #topPrize a{ color:#f00;}
#gaiyou #topPrize a:hover{ opacity: 0.6;}
/* end-20140703 yamazawa */
#gaiyou table{
	margin: 10px 0px 10px 0px;
	border-collapse: collapse;
	border:solid 1px #000;
}
#gaiyou .pt{
	margin: 0px 0px 50px 0px;
	text-align: right;
	font-size: 0.833em;
}
#gaiyou .pt a{
	color: #000;
}
#gaiyou #message{
	padding: 0px 40px;
}
#gaiyou table p{
	line-height: 200%;
}
#gaiyou .out th{
	padding: 20px 30px;
	border:solid 1px #000;
	text-align: left;
}
#gaiyou .out td{
	padding: 20px 30px;
	border:solid 1px #000;
	text-align: left;
	font-size: 1em;
}
#gaiyou table .main{
	background: #feba00;
	width: 200px;
}
#gaiyou table .in{
	margin: 15px 0px;
}
#gaiyou table .in th, #gaiyou table .in td{
	padding: 5px;
	text-align: center;
}
#gaiyou table .sub{
	background: #ffe05c;
}
#gaiyou table .txt1{
	font-size: 1.286em;
}
#gaiyou table .txt2{
	font-size: 0.833em;
}

/*ouen*/
#ouenCon{
	overflow: hidden;
	margin: 0px auto 20px auto;
	width: 980px;
}
#ouenMain{
	float: left;
	background: #fff8e6;
	padding: 20px;
	width: 660px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ouenMain2{
	float: left;
	padding: 20px 0px 0px 60px;
	width: 640px;
}
#ouenMain2 #msg{
	margin: 0px 0px 20px 0px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-size: 2.857em;
}
#ouenMain2 #main{
	overflow: hidden;
	background: #ffffff;
	margin: 30px 0px 0px 0px;
	padding: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
#ouenMain2 #main p{
	margin: 0px 0px 20px 0px;
	line-height: 180%;
}
#ouenMain2 #main #mainHead{
	float: left;
}
#ouenMain2 #main h3{
	font-size: 1.786em;
	font-weight: bold;
}
#ouenMain2 #main h4{
	font-size: 1.286em;
	font-weight: bold;
}
#ouenSide{
	float: right;
	width: 220px;
}
#ouenSide li{
	margin: 0px 0px 20px 0px;
	list-style: none;
}
#ouenHead{
	margin: 0px 0px 20px 0px;
	text-align: center;
}
.memberCon{
	overflow: hidden;
	padding: 30px 0px 30px 0px;
	border-bottom: solid 1px #ffc100;
}
.memberCon .memImg{
	float: left;
	padding: 0px 25px 0px 0px;
	width: 215px;
}
.memberCon .memMsg{
	float: left;
	width: 420px;
	line-height: 180%;
}
.memberCon .memMsg h3{
	margin: 0px 0px 10px 0px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-size: 1.786em;
	font-weight: bold;
}
.memberCon .memMsg h3 span{
	font-size: 0.600em;
}
.memberCon .memMsg h4{
	margin: 0px 0px 20px 0px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-size: 1.286em;
	font-weight: bold;
}


/* 201404 bravi */
#pan a{ color: #333333;}
#pan a:hover{ color: #999999;}
.sitedata p{ margin-bottom: 2em;}
.sitedata ul{
	width: 90%;
	margin: 0 auto;
}
.sitedata li{ 
	margin: 0 0 1em 1.5em;	
}
.sitepolicy{
	width: 90%;
	margin: 0 auto;
}
.sitepolicy h3{ margin-bottom: 0.5em;}
.sitemap a{ color: #333333;}
.sitemap a:hover{ color: #999999;}
.sitemap li{ 
	font-weight: bold; 
	margin-bottom: 1em;
}
.sitemap li.no-style{ list-style: none;} 
.sitemap li li{ 
	font-weight: normal;
	margin-left: 3em;
	margin-bottom: 0.5em;
}
#contents .eCon{    margin-bottom: 10px;}
/* 20140821 yamazawa vol5 */
.category-voice h4,
.category-vol1 h4,
.category-vol2 h4,
.category-vol3 h4,
.category-vol4 h4,
.category-vol5 h4{
	color: #0cbe5d; 
	margin-top: 1em;
}
.category-voice p.lead,
.category-vol1 p.lead,
.category-vol2 p.lead,
.category-vol3 p.lead,
.category-vol4 p.lead,
.category-vol5 p.lead{
	margin-top: 0;
	margin-bottom: 2em;
}
.category-voice p,
.category-vol1 p,
.category-vol2 p,
.category-vol3 p,
.category-vol4 p,
.category-vol5 p{
	font-size:1em;
}
.category-voice .eCon img,
.category-vol1 .eCon img,
.category-vol2 .eCon img,
.category-vol3 .eCon img,
.category-vol4 .eCon img,
.category-vol5 .eCon img{
	margin:10px 0;
}
/* end-20140821 yamazawa */

#gaiyou a{ color: #000000;}
#gaiyou a:hover{ color: #666666;}
#gaiyou h3,
#gaiyou p,
#pageLink {
    outline: none !important; 
}
#gaiyou table .main,
#gaiyou .out td,
#gaiyou table .in th, #gaiyou table .in td{ vertical-align: middle;}

#header #gn ul{ 
	padding: 0;
	width: auto;
	min-width: 200px;
}

#header #gn ul li{ 
	border-bottom: 1px solid #FDD21D ;
	padding: 5px;
}
#header #gn ul li a:hover{ 
	background-color: #FDD21D ;
}

#gaiyou table .in th.sub{ width: 80px; padding: 2px;}
#gaiyou table .in td{ padding: 5px 2px;}

.gaiyo-list { padding: 0; margin: 0 0 0 3em;}
.gaiyo-list li{ padding: 0; margin: 0.5em 0; list-style: none; clear: both; text-indent: -3em;}
.gaiyo-list li span{ display: block; float: left; width: 3em;}
.list-long {margin: 0 0 0 5em;}
.list-long li{ text-indent: -5em;}
.list-long li span{ width: 5em;}

#message h4{ margin-bottom: 1em;}
#message p.lead-txt{ margin-bottom: 2em;}
#message p{ margin-bottom: 1em;}
#message h5{ margin:3em 0 1em 0;background-color: #FDD21D ;padding: 5px 10px; font-size: 100%;}
#message h6{ margin:2em 0 1em 0;;padding: 5px 10px; font-size: 100%;}
#message p.link-txt{ margin-top: 0.5em;}

.fConH2 p{float: left;margin-right: 20px;}
.fConH2 p span{ display: block; font-size:10px;}

.dantai_txt{
	width: 600px;
	margin: 1em auto;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
}
.dantai_img{
	width: 600px;
	margin: 1em auto;
}

#fbBox span{ background-color: #ffffff;}

.news{ padding-top: 0 !important;}
.articles{ border-bottom: solid 1px #FDD21D ; padding: 1em 0;}
.articles h3{ vertical-align: middle; line-height: 1em; font-weight: bold; margin-bottom: 0.5em;}
.articles h3 img{ vertical-align: middle; margin-right: 10px;}
.articles .date{ margin-bottom: 0.5em;}
.single-post .articles{ border-bottom: none;}

/* 20140626 yamazawa font-size */
#contents .midashi1{ display: none;}
h3.voice_ttl{
	background: url('img/common/midashi1.png') no-repeat;
	margin: 0px 0px 60px 0px;
	padding: 0px 0px 0px 44px;
	min-height: 44px;
	line-height: 1.4;
	font-size: 1.5em;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

#topContent{ margin-bottom: 10px;}
#top_banner{ width: 980px; margin: 0 auto 20px auto; padding:0}
#top_banner ul{ overflow: hidden;}
#top_banner li{list-style: none; float: left; width: 245px; margin:0; padding:0;}
#catch{ width: 750px;}

.textTtl{ font-size: 2em; margin-bottom: 0.5em;}
.qaBox .aBox .a{ color: #ff7800;font-weight: bold;}

.txtRight{text-align: right;}
.privacypolicy p{ line-height: 1.4;margin-bottom: 1em;}
.privacypolicy ul{margin: 2em auto;}
.privacypolicy li{margin:0.5em 0 0.5em 3em; line-height: 1.4;}
.privacypolicy h4{margin: 3em 0 0.5em 0; font-weight: bold; font-size: 1em; }
.privacypolicy ol{margin: 1em auto;}
.privacypolicy ol ol{margin: 0.5em auto 1em auto;}
.privacypolicy ol li{margin-bottom:1.5em;}
.privacypolicy ol ol li{list-position: outside; list-style: none;margin:0.5em 0 0.5em 2.3em; line-height: 1.4;text-indent: -3em;}
.privacypolicy ol li span{ display:block; margin: 1em auto 1em 2.3em;}

#gaiyou .waribikiTable th{ width: 80px;}
#gaiyou .waribikiTable td{ width:105px; min-width: 105px; text-align: center;}

/* top調整 */
#top{height: 265px;}
#menu1{width: 900px; margin:0 auto;}
#menu1 li{ margin:0; padding:3px;}
#menu2{width: 860px; margin:0 auto ; padding:0; text-align: center;}
#menu2 div{width: 430px; margin:0 ; padding:0; text-align: center; float: left;display: block;}
#menu2 div a{ display: block; width: 360px; margin: 0 auto; text-align: center; overflow:hidden; float: none;}
#menu3{ width: 798px; height: auto; margin: 0 auto; padding:0;}
#menu3 li{ width: 266px; margin: 0; padding:0; float:left; text-align: center;}

/*masters*/
#mastersCon{
	overflow: hidden;
	margin: 0px auto 20px auto;
	padding: 30px 30px 0px 30px;
	width: 770px;
}
#mastersMainCon{
	float: left;
	width: 600px;
}
#mastersSide{
	float: right;
	width: 130px;
}
#mastersSide img{ width: 130px;}
#mastersSide li{
	margin: 0px 0px 20px 0px;
	list-style: none;
}
#mastersMainCon #msg{
	margin: 0px 0px 40px 0px;
}
/* 20140707本番更新時追加 */
/* 20140701 yamazawa */
#mastersCon #mastersLeft{
	float: left;
	width: 600px;
}
#mastersCon #mastersRight{
	float: right;
	width: 130px;
}
#mastersRight img{ width: 130px;}
#mastersMainCon h3, #mastersCon h3{
	background: url('img/masters/icon1.png') no-repeat;
	height: auto !important;
	height: 43px;
	min-height: 43px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 50px;
	font-size: 1.5em;
}

/* 20140725 yamazawa */
#mastersMainCon h3 strong, #mastersMainCon .d3 strong{
	color:#f00;
	font-weight:bold;
}
#pan strong{display:none;}
/* end-20140725 yamazawa */

#mastersMainCon h3.newyear, #mastersCon h3.newyear{
	background: url('img/masters/icon2.png') no-repeat;
	height: 43px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 50px;
	font-size: 1.5em;
}
#mastersMainCon h3.houmon, #mastersCon h3.houmon{
	background: url('img/masters/icon3.png') no-repeat;
	height: 43px;
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 50px;
	font-size: 1.5em;
}
/* end-20140701 yamazawa */

/* 20140702 山崎追加 */
#mastersMainCon h3.newyear, #mastersCon h3.newyear,
#mastersMainCon h3.houmon, #mastersCon h3.houmon,
#mastersMainCon h3, #mastersCon h3{margin-bottom: 15px;}
#mastersCon #msg{margin-bottom: 50px;}
#mastersCon #msg2{margin-bottom: 65px;}
/* end-20140702 山崎追加 */

/* 20140630 yamazawa*/
#mastersCon #msg3{margin-bottom: 55px;}
#mastersCon .link2{
	font-size: 0.85em;
	text-align: right;
}
#mastersCon .link2 a{
	color: #000;
}
/* end-20140630 yamazawa*/
/* end-20140707本番更新時追加*/

#mastersCon #page{
    font-size: 1.143em;
    text-align: center;
}
#mastersCon #page a{
	color: #2D2C2B;
}
#mastersCon .link{
	font-size: 0.706em;
	text-align: right;
}
#mastersCon .link a{
	color: #000;
}
.c1{
	width: 570px;
	margin: 0px 0px 25px 0px;
	padding: 30px 0px 0px 0px;
	background: url('img/masters/cBg1.png') no-repeat;
	background-position: center top;
	text-align: left;
	font-size: 1.2em;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.c2{
	padding: 0px;
	background: #fff9c5;
	text-align: left;
}
.c3{
	padding: 0px 30px 30px 30px;
	background: url('img/masters/cBg2.png') no-repeat;
	background-position: center bottom;
	text-align: left;
}
.d1{
	width: 600px;
	margin: 0px 0px 25px 0px;
	padding: 20px 0px 0px 0px;
	background: url('img/masters/cBg3.png') no-repeat;
	background-position: center top;
	text-align: left;
	font-size: 1.214em;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.d2{
	padding: 0px;
	background: #fff9c5;
	text-align: left;
}
.d3{
	padding: 0px 50px 20px 50px;
	background: url('img/masters/cBg4.png') no-repeat;
	background-position: center bottom;
	text-align: left;
}

.c3 h4{ margin-bottom: 0.5em; border-bottom: solid 1px #000000; font-size:1.3em;}
.c3 p{line-height: 1.5;}

/*おしらせ*/
#page span{display: block;width: 40%; overflow: hidden; margin-top: 0.5em;}
#page .preLink{float: left;text-align: left;}
#page .nextLink{float: right;text-align: right;}

/* おすすめ */
#osusumeLink li{ list-style: none; display: inline;}

/* top resize 201405 */
body#indexPage{ background-image:none;}
#indexPage #topWrap{ background-image: url("img/top/bg_top.jpg");}
#indexPage #header #hr{margin-right: 74px;}
#indexPage #header h1{ top:12px; left: 77px; width:245px; height:21px; padding:0; margin:0;}
#indexPage #header h1 a{width:245px; height:21px; display: block; line-height:1;}
#indexPage #header h1 a img{vertical-align:top;}
#indexPage #header #gn .main{ top:50px;}
#indexPage #header #gn #gn1{ left:100px;}
#indexPage #header #gn #gn2{ left:313px;}
#indexPage #header #gn #gn3{ left:498px;}
#indexPage #header #gn #gn4{ left:754px;}
#indexPage #top{ margin-top: -70px; height:165px;}
#indexPage #top .slider{height:160px;}
#indexPage #top #btn1{top:70px; left:230px;}
#indexPage #top #btn2{top:93px; left:255px;}
#indexPage #top #btn3{top:111px; left:282px;}
#indexPage #menu { background: url('img/top/bg_awa.png') top center no-repeat;}
#indexPage #menu1 { width:712px; margin: 5px auto 14px auto;}
#indexPage #menu1 li{ width:178px; text-align: center; padding:0;}
#indexPage #menu2 { width:600px; margin: 0 auto 8px auto;}
#indexPage #menu2 div{ width:300px; text-align: center; padding:0;}
#indexPage #menu3 { width:720px; margin: 0 auto 12px auto;}
#indexPage #menu3 li{ width:240px; text-align: center; padding:0;}
#indexPage #topContent{width: 905px; margin: 10px auto 20px auto;}
#indexPage #topContent #topics{	padding: 20px 20px ; width: 565px; height: 200px;}
#topContent #topics h2{ padding:0; margin:0 0 10px 0; line-height:1;font-size: 1em;}
#indexPage #topContent #topics .tList{	margin: 0px 0px 5px 0px; padding: 0px 0px 5px 0px;border-bottom: solid 1px #fdd21d;font-size: 0.87em; color: #333333;}
#topContent #topics .tList a{ text-decoration: none; color: #333333;}
#topContent #topics .tList .date{ padding: 0px 0px 0px 10px;}
#topContent #topics .tList .txt{ padding: 0px 0px 0px 10px;}
#topContent #topics #more{ text-align: right;font-size: 0.87em; }
#topContent #topics #more a{ color: #333333; text-decoration: none;}
#topContent #fbBox{ float: right;}

/* 下層横幅変更 */
#wrap_repeat{ background: url("img/common/bg_repeat.jpg") top center repeat-y;}
#wrap{ background: url("img/common/bg_common.jpg") top center no-repeat;}
#wrap #header {margin-bottom: 40px;}
#wrap #header #hr{margin-right: 74px;}
#wrap #header h1{ top:12px; left: 77px; width:245px; height:21px; padding:0; margin:0;}
#wrap #header h1 a{width:245px; height:21px; display: block; line-height:1;}
#wrap #header h1 a img{vertical-align:top;}
#wrap #header #gn .main{ top:50px;}
#wrap #header #gn #gn1{ left:100px;}
#wrap #header #gn #gn2{ left:313px;}
#wrap #header #gn #gn3{ left:498px;}
#wrap #header #gn #gn4{ left:754px;}
#pan,
#pTitle {width: 830px;}
#contents {width: 770px; padding: 20px 30px;}
#pTitle img {width: 830px;}
#contents #wideCon{}

#contents .fConH2{width: 40%;}
#contents .fConH2 img{width: 100%;}


/* 下層横幅変更 　各コンテンツ */

.textTtl{width: 770px; padding: 20px 20px;}
.textCon{width: 770px; margin: 0 auto;}
.textCon .textCon2{padding-right: 0;}
.textCon .textConH{ width: 380px;}
.textCon .textConH .textConH2{width:200px;}

#gaiyou table .main{width: 150px;}
.img-tokuten {overflow: hidden;}
.img-tokuten .left-box{float: left; width: 50%;}
.img-tokuten .right-box{float: right; text-align: right; width: 50%;}
.img-tokuten img{width: 90%;}

#ouenCon {width: 830px;}
#ouenMain{ width: 680px; padding:0; text-align: center;}
.memberCon{width: 640px; padding:20px 0; margin: 0 auto;text-align: left;}
.memberCon .memMsg{width: 400px;}
#ouenMain2{ width: 680px; padding:0;}
#ouenMain2 #main{ width: 600px; padding:20px; text-align: left;}
#ouenSide{width: 130px;}
#ouenSide img{width: 130px;}


#contents #mainCon{ width: 620px; }
#contents #rightCon{width: 130px;}
#contents #rightCon img{width: 130px;}

/* 20140709 yamazawa */
#contents .q .qNum strong{
	color:#f00;
	font-weight:bold;
}
#contents .q .a .aMsg li, 
#contents .q li{
    padding-left: 3em;
    text-indent: -3em;
}
/* end-20140708 yamazawa */

/* 20140611追加分 */
#contents .q .side li{
	float: left;
	padding-right: 38px;
	padding-left: 3em;
	
}
#contents .q li{
	list-style:none;
	list-style-position: inside;
}
/* 20140617追加分 */
#textbook .txt{margin-top: 1em;}
#textbook .txt a{display: inline;}
#textbook #textbook_ec{ width: 150px; height: 150px; float:right;}
#textbook .textCon .textCon2{width:510px;}



/*　--------------------------------------------------
ビール大好き鑑定
--------------------------------------------------　*/
/* 20140627 yamazawa margin */
#beerKantei{ width: 830px; margin: 30px auto 0 auto;overflow:hidden; }
/* 20140627 yamazawa font-size,lign-height */
#beerKantei p.lead{
	width: 680px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.7;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	float: left; 
	}
#beerKantei #beerKanteiContainer{ margin-top: 30px; overflow: hidden; clear:both;}
#beerKantei .leftBox{float: left; width: 150px;}
#beerKantei form{
	float: left; width: 540px;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;}
#beerKantei form li.kantei_q{ 
	width:492px; 
	height:52px; 
	padding: 25px 15px 20px 30px;
	margin-bottom: 22px; 
	font-size: 1.2em;
	font-weight: bold; 
	list-style: none; 
	overflow:hidden; 
	background: url("img/kantei/kantei_img02.png") left top no-repeat;}
#beerKantei form li li{width: 150px;font-size: 0.9em;font-weight: bold; margin:0; float: left; list-style: none; }
#beerKantei form li ul{ margin: 10px 0 0 190px;}
#beerKantei .rightBox{float: right; width: 140px;}
input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.kantei_radio{
	background:url("img/kantei/kantei_img03.png") no-repeat;
	display: block;
	cursor: pointer;
	overflow: hidden;
	width: 125px;
	height: 20px;
	line-height: 20px;
	padding-left: 20px;
}
.c_on{background-position:-150px bottom;}
#kanteiBtn {text-align: right; margin-bottom: 50px;}
#beerKantei form li li label{ margin-left:20px;}


/* 鑑定結果 */
#beer_osusume #contents,
#beer01 #contents,
#beer02 #contents,
#beer03 #contents,
#beer04 #contents,
#beer05 #contents,
#beer06 #contents,
#beer07 #contents,
#beer08 #contents{background: none;}
/* 20140630 yamazawa*/
#beerContent .beerImg{ float: left;}
/* 20140703 yamazawa */
#beerContent h3{ 
	font-size:2em;
	float:left;
	width: 400px;
	text-align: center;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
#beerContent h3.beer_osusume{ 
	font-size:2em;
	height: 30px;
	line-height: 30px;
	text-align: left;
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	margin:10px 0 20px 15px;
}
/* end-20140703 yamazawa */
#beerContent .rightBox { float: right; width: 140px;}
#beerContent .rightBox img{ width: 130px;}

/* 20140630 yamazawa margin-top削除*/
#beerContainer { 
	font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
	background: #fff9e6;
	padding: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;}
/* 20140627 yamazawa  */
#beerContainer #beerBox{
	width: 690px; 
	margin-top: 20px;
	padding:0;
	overflow: hidden;
} 
#beerContainer #beerBox .detailTxt{
	width: 440px; 
	float:right;
	margin-top: 10px;
}
/* end-20140627 yamazawa  */

#beerContent h4{ width: 440px; margin: 0 auto; text-align: center; color:#ff0000; font-size: 4em; font-weight: bold; line-height:1.5;  }
#beerContent h4 span.beerTxt{display: block; font-size: 0.35em; color:#000000;}
/* 20140630 yamazawa */
#beerContent h4 span.beerTxt2{display: block; font-size: 0.3em; color:#ff0000;}
/* 20140627 yamazawa */
#beerContent h4.small{ width: 440px; margin: 0 auto; text-align: center; color:#ff0000; font-size: 2.5em; font-weight: bold; line-height:1.5; }
#beerContent h4.small span.beerTxt{display: block; font-size: 0.55em; color:#000000;}
#beerContent h4.small span.beerTxt2{display: block; font-size: 0.5em; color:#ff0000;}
/* end-20140627 yamazawa  */
#beerContent p{ width: 440px; margin: 1em auto 0 auto; font-size: 1.2em; text-align: justify; line-height:1.5;}

#beerContent h5{ width: 640px; margin: 40px auto 10px auto; font-size: 1em; font-weight: bold; }

#beerJapan{
	width: 640px; 
	margin: 0 auto;
	overflow: hidden; 
	border: solid 3px #fe9b00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
/* 20140627 yamazawa width,margin */
#beerJapan h6{ 
	width: 140px; 
	margin: 60px 0 0; 
	font-size:1em;
}
#beerJapan h6 span{ display: block; margin-top: 1em;} 
#beerJapan p{ width: 160px; margin: 0 0 20px 0; font-size:0.8em; line-height: 1.5;text-align: justify; }
#beerJapan .leftBox{ 
	width:295px; 
	float:left;
	margin: 0 0 0 50px; 
}
#beerJapan .rightBox{ 
	width:295px; 
	float: right;
}
/* 20140627 yamazawa margin */
#beerJapan .leftBox img,
#beerJapan .rightBox img{
	float:right; 
	width: 70px; 
	height: 150px;
	margin: 20px 70px 20px 0 ;
}

/* 20140627 yamazawa */
#beerJapan2{
	width: 640px; 
	margin: 0 auto;
	padding:10px;
	overflow: hidden; 
	border: solid 3px #fe9b00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#beerJapan2 h6{ 
	margin: 10px 0 0; 
	font-size:1em;
}
#beerJapan2 h6 span{ display: block; margin-top: 0.5em;} 
#beerJapan2 .leftBox{ 
	float:left;
	text-align:center;
}
#beerJapan2 .centerBox{ 
	float:left;
	text-align:center;
}
#beerJapan2 .rightBox{ 
	float: right;
	text-align:center;
}
#beerJapan2 .wd230{ width:230px;}
#beerJapan2 .wd200{ width:200px;}
#beerJapan2 .wd160{ width:160px;}

#beerJapan2 .leftBox img,
#beerJapan2 .centerBox img,
#beerJapan2 .rightBox img{
	width: 70px; 
	height: 150px;
}
/* end-20140627 yamazawa */

#beerOther{width: 640px; margin: 0 auto; overflow: hidden; }
#beerOther h6{ width: 145px; margin: 30px 30px 20px 120px; font-size:1em;}
/* 20140703 yamazawa font-size */
#beerOther p{ width: 145px; margin: 0 0 30px 120px; font-size:0.9em; line-height: 1.5;text-align: justify; }
/* 20140703 yamazawa height */
#beerOther .leftBox{ 
	height: 200px;
	width:46%; 
	float:left; 
	border: solid 3px #fe9b00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#beerOther .leftBox img,
#beerOther .rightBox img{
	margin: 20px 0 0 20px ;
	float:left; 
	width: 80px; 
	height: 140px;
}
/* 20140703 yamazawa height */
#beerOther .rightBox{ 
	height: 200px;
	width:46%; 
	float: right; 
	border: solid 3px #fe9b00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.kanteiBtn{ text-align: center; margin: 30px auto; line-height:1.2em; height:1.2em;}
.kanteiBtn a{ color:#000000; text-decoration: none; font-size:1.2em;}
.kanteiBtn a img{vertical-align:middle; margin: 0 5px;}

/* ビール一覧 */
#beerList{ width:700px; margin: 0 auto; border: none;}
#beerList th{ text-align: center; padding:10px; vertical-align: middle; border: none;}
#beerList td{ text-align: left; padding:10px; vertical-align: middle; border: none;}
#beerList td h3{ 
	width: auto; 
	float: none;
	text-align: left; 
	margin:0 0 1em 0; 
	padding:0; 
	font-size:1.2em; 
	line-height: 1.2em; 
	height: auto; 
}
#beerList td p{ 
	width: auto; 
	margin:0; 
	padding:0; 
	font-size:0.85em;
}
.kanteiMsg{ display: none;}
.topMsg{font-size:1.2em;color: #f00;}
#gaiyou #topPrize h3 img{vertical-align: middle;}
.topTxt{ text-indent: -1em; margin-left:1em;}

/* 20140708 yamazawa */
#kanteiBtn .kanteiMsg{
    margin-left:100px;
    text-align:left;
    float:left;
    line-height: 140%;
    vertical-align: text-bottom;
    color:#f00;
    font-weight:bold;}

/* 20150413 yamazaki */
#gaiyou #topPrize h3 { height: 25px;}
.textCon hr{
	border: solid 1px #fff8e6;
	clear: both;
	margin-bottom: 30px;
}


/* 20150624 yamazawa */
#mastersLeft .d3 strong{
	color:#f00;
	font-weight:bold;
}

#mastersMainCon h3.masters{
	background:none;
	height: auto;
	margin: 40px 0px 10px;
	padding: 0px 0px 0px 20px;
	font-size: 1.5em;
}