/* @override 
*/

/*
Theme Name: moribito27
Theme URI: https://moribitonokai.jp/
Description: moribito3.1 Theme
Version: 3.1-php85
Tags: 

*/

@import url("blog.css");

/* @group temp */
.off{
	display: none!important;
}

.mobile{
	display: none;
}

.postid-3471 h3#archdata,
.postid-3490 h3#archdata,
.postid-3506 h3#archdata,
.postid-3586 h3#archdata,
.postid-3592 h3#archdata,
.postid-3589 h3#archdata{
	display: none;
}

.postid-3471 div#archdata,
.postid-3490 div#archdata,
.postid-3506 div#archdata{
	display: none;
}

.postid-3586 h3#sozaipage,
.postid-3592 h3#sozaipage,
.postid-3589 h3#sozaipage{
	display: none;
}

.postid-3586 ul#sozai,
.postid-3592 ul#sozai,
.postid-3589 ul#sozai{
	display: none;
}

.member.tennenjutaku section.works{
	display: none;
}

/* @end */

/* @group reset */

/* basic rules */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,em,address,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border: none;
	outline:0;
	font-size:100%;
	vertical-align:bottom;
	background: transparent;
	font-family:Arial, Helvetica, sans-serif;
	color: #333;
}

body{
	line-height:1.5em; font-size: 0.857em;
	background-image: url(common/bg_1.gif);
}
h1,h2,h3{font-size: 1em;}
blockquote, q{quotes: none;}

/* remember to define focus styles */
:focus{
	outline: 0;
}

/* remember to highlight inserts somehow */
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0" in the markup */
table{
	border-collapse: collapse;
	border-spacing: 0;
}

.none{
	display:none!important;
}

.clear{
	clear:both;
}

.center{
	text-align: center;
}

.right{
	text-align: right;
}


/* @end basic settings-------- */

/* @group structure */

/******************************
 *** shinya fukatsu website
 ******************************/
body{
	margin: 0;
	padding: 0;
}

#wrapper{/*★*/
	display:block;
	width:100%;
	padding: 0;
	text-align:left;
}

#contents{
	position:relative;
	overflow: hidden;
}


#contents #textband{
	background: url(common/bg_1.gif) repeat;
}

#contents #text{
	width: 900px;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 15px;
}

#contents #contentsarea{
	width: 890px;
	overflow: hidden;
	margin: 10px auto 0;
}

#contents #mainblock{
	width: 630px;
	float: left;
}

#contents #mainblock2{
	width: 100%;
	float: none;
	clear: both;
}

.piece.list #contents #mainblock{
	width: 900px;
	float: none;
	overflow: hidden;
}



#contents #longmainblock{
	width: 820px;
	float: none;
	margin-left: 50px;
	overflow: hidden;
}

#contents #subblock{
	width: 220px;
	float: right;
}

/* @group basic */

.before-exwide{ margin-top: 70px!important; }
.before-wide{ margin-top: 40px!important; }
.before-narrow{ margin-top: 5px!important; }
.before-none{ margin-top: 0px!important; }

.after-exwide{ margin-bottom: 70px!important; }
.after-wide{ margin-bottom: 40px!important; }
.after-narrow{ margin-bottom: 5px!important; }
.after-none{ margin-bottom: 0px!important; }

.bigger{ font-size: 1.4em!important; }
.smaller{ font-size: 0.8em!important; }

.mobile{
	display: none;
}

#lead p{
	padding: 10px 0 20px 0;
}

.telnum{
	font-size: 20px;
	font-weight: bold;
}

a .telnum{
	font-style: normal;
	text-decoration: none;
}


p{
	font-size: 14px;
	line-height: 1.6em;
	color: #777;
}

p.caption{
	width: 70%;
	margin: 0 auto 50px auto;
	font-size: 14px;
	line-height: 1.6em;
}

p.caption.size-s{
	max-width: 600px;
}


h2{
	text-align: center;
	font-size: 24px;
	line-height: 1.2em;
	font-weight: bold;
	margin: 50px 0 20px 0;
}

h2 .small{
	display: block;
	text-align: center;
	font-size: 15px;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0px 0 0px 0;
}

h3{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	margin: 50px 0 20px 0;
}

h3 .small{
	display: block;
	text-align: center;
	font-size: 11px;
	line-height: 1.2em;
	font-weight: normal;
	margin: 0px 0 20px 0;
}


h4{
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	margin: 20px 0 20px 0;
}

h2.topline,
h3.topline,
h4.topline{
	border-top: 1px solid #a0adb3;
	padding-top: 3px;
}

h2.bottomline,
h3.bottomline,
h4.bottomline{
	border-bottom: 1px solid #a0adb3;
	padding-bottom: 3px;
}

img{
	max-width: 100%;
	height: auto;	
}

a,
a img,
input.submitBtn{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;

	transition-property: opacity;
	transition-duration: 0.3s;
	transition-timing-function:ease-out;

	-moz-transition-property: -moz-opacity;
	-moz-transition-duration:0.3s;
	-moz-transition-timing-function:ease-out;
	/*Chrome、Safari向け*/
	-webkit-transition-property: opacity;
	-webkit-transition-duration:0.3s;
	-webkit-transition-timing-function:ease-out;
}
	
a:hover::after{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	-webkit-transition: all .3s;
	transition: all .3s;
}


.before100, .before-100{ margin-top: 100px!important; }
.before90, .before-90{ margin-top: 90px!important; }
.before80, .before-80{ margin-top: 80px!important; }
.before70, .before-70{ margin-top: 70px!important; }
.before60, .before-60{ margin-top: 60px!important; }
.before50, .before-50{ margin-top: 50px!important; }
.before40, .before-40{ margin-top: 40px!important; }
.before30, .before-30{ margin-top: 30px!important; }
.before20, .before-20{ margin-top: 20px!important; }
.before10, .before-10{ margin-top: 10px!important; }
.before5, .before-5{ margin-top: 5px!important; }
.before1, .before-1{ margin-top: 1px!important; }
.before0, .before-0{ margin-top: 0px!important; }

.after100, .after-100{ margin-bottom: 100px!important; }
.after90, .after-90{ margin-bottom: 90px!important; }
.after80, .after-80{ margin-bottom: 80px!important; }
.after70, .after-70{ margin-bottom: 70px!important; }
.after60, .after-60{ margin-bottom: 60px!important; }
.after50, .after-50{ margin-bottom: 50px!important; }
.after40, .after-40{ margin-bottom: 40px!important; }
.after30, .after-30{ margin-bottom: 30px!important; }
.after20, .after-20{ margin-bottom: 20px!important; }
.after10, .after-10{ margin-bottom: 10px!important; }
.after5, .after-5{ margin-bottom: 5px!important; }
.after1, .after-1{ margin-bottom: 1px!important; }
.after0, .after-0{ margin-bottom: 0px!important; }

.before-exwide{ margin-top: 100px!important; }
.before-wide{ margin-top: 40px!important; }
.before-middle{ margin-top: 25px!important; }
.before-narrow{ margin-top: 10px!important; }
.before-none{ margin-top: 0px!important; }

.after-exwide{ margin-bottom: 100px!important; }
.after-wide{ margin-bottom: 40px!important; }
.after-middle{ margin-bottom: 25px!important; }
.after-narrow{ margin-bottom: 10px!important; }
.after-none{ margin-bottom: 0px!important; }

.bigger{ font-size: 1.4em!important; }
.smaller{ font-size: 0.8em!important; }



.center,
.alignCenter{
	text-align: center!important;
}

.right,
.alignRight{
	text-align: right!important;
}

.left,
.alignLeft{
	text-align: left!important;
}

img.alignleft{
	float: left!important;
	margin: 5px 15px 10px 0;
}

img.alignright{
	float: right!important;
	margin: 5px 0px 10px 15px;
}


.horisontallist{
	text-align: center;
	margin: 0 auto 50px auto;
	letter-spacing: -.40em;	
}

.horisontallist li{
	display: inline-block;
	letter-spacing: normal;
}

img.leftPhoto{
	float: left;
	margin: 0 15px 8px 0;
}

img.rightPhoto{
	float: right;
	margin: 0 0 8px 15px ;
}

.leftSidePhoto{
	float: left;
	width: 40%;
	text-align: center;
}

.rightSidePhoto{
	float: right;
	width: 40%;
	text-align: center;
}

.pw50{width: 50px;}
.pw60{width: 60px;}
.pw70{width: 70px;}
.pw80{width: 80px;}
.pw90{width: 90px;}
.pw100{width: 100px;}
.pw110{width: 110px;}
.pw120{width: 120px;}
.pw130{width: 130px;}
.pw140{width: 140px;}
.pw150{width: 150px;}
.pw160{width: 160px;}
.pw170{width: 170px;}
.pw180{width: 180px;}
.pw190{width: 190px;}
.pw200{width: 200px;}
.pw210{width: 210px;}
.pw220{width: 220px;}
.pw230{width: 230px;}
.pw240{width: 240px;}
.pw250{width: 250px;}
.pw260{width: 260px;}
.pw270{width: 270px;}
.pw280{width: 280px;}
.pw290{width: 290px;}
.pw300{width: 300px;}

.rightSideText{
	float: right;
	width: 55%;
	text-align: left;
}

.leftSideText{
	float: left;
	width: 55%;
	text-align: right;
}

a.btnDetails{
	padding: 5px 10px 7px!important;
	margin: 0 1px;
	display: inline-block;
	color: #fff;
	background-color: #546734;
	font-size: 14px;
	line-height: 1em;
	text-decoration: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

a.btnDetails:after{
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	padding-left: 5px;
	font-weight: 900;
}

a.btnDetails:hover{
	background-color: rgba(84,103,52,0.8);
}

a.btnDetailsLarge{
	padding: 15px 25px 17px!important;
	margin: 0 1px;
	display: inline-block;
	color: #fff;
	background-color: #546734;
	font-size: 18px;
	line-height: 1em;
	text-decoration: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

a.btnDetailsLarge:after{
	font-family: "Font Awesome 5 Free";
	content: "\f0a9";
	padding-left: 5px;
	font-weight: 900;
}

a.btnDetailsLarge:hover{
	background-color: rgba(84,103,52,0.8);
}


.roundphoto{
	-moz-border-radius: 200px;
	-webkit-border-radius: 200px;
	border-radius: 200px;
}

.border1-80{
	border: 1px solid #333;
}

.border1-50{
	border: 1px solid #7f7f7f;
}

.border1-20{
	border: 1px solid #cbcbcb;
}

.border2-80{
	border: 2px solid #333;
}

.border2-50{
	border: 2px solid #7f7f7f;
}

.border2-20{
	border: 2px solid #cbcbcb;
}

.quotearea{
	background-color: #e6e6e6;
	padding: 15px 0 10px 0;
}

iframe.cal{
	width: 100%;
	max-width: 800px;
}

iframe.video{
	width: 100%;
	max-width: 800px;
}

ol.maintext{
	width: 90%;
	max-width: 650px;
	margin: 0 auto 30px auto;
}

ol.maintext li{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 0px;
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 10px;
}

/* @end */

/* @group Float */

/* 写真のみ左右位置 */

.photoR{
	float: right;
	margin: 0 0 15px 15px;
}

.photoL{
	float: left;
	margin: 0 15px 15px 0;
}

.photoLM{
	float: left;
	margin: 0 10px 10px 8px;
}

.photo{
	margin: 5px 0 10px 0;
}

.fR{
	float: right;
}

.fL{
	float: left;
}

/* @end */

#contents #footcontents{
	clear: both;
	width: 980px;
	padding-top: 40px;
}

/* @group nav */


.pageNav{
	margin: 20px 0 30px 0;
	overflow: hidden;
}

.pageNav li{
	list-style-type: none;
}

.pageNav li.next{
	float: left;
}

.pageNav li.prev{
	float: right;
}

.pageNav li.next a,
.pageNav li.prev a{
	background-color: #845527;
	display: block;
	padding: 6px 8px;
	font-size: 12px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	width: 250px;
	text-align: center;
}

.pageNav li.next a:hover,
.pageNav li.prev a:hover{
	background-color: #b27334;
}


/* @end */

/* @group header */

/* header */

#header{
	background: url(common/bg_header_2.jpg) no-repeat center top;
}


#header1{
	width: 990px;
	height: 110px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

#header2band{
	width: 100%;
	border-bottom: 1px solid #54d891;
}

#header.new #header2band{
	border-bottom: none;
}

#header2{
	width: 990px;
	margin: 0 auto;
}

div#sitelogo{
	float: left;
	margin: 15px 0 0 0px;
}

div#sitecatch{
	width: 265px;
	height: 23px;
	background-image: url(common/logo_catch_inner.png);
	margin: 40px auto 0;
}

#mobile_nav_block{
	display: none;
}

.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
}    

.backtotop a {
    display: block;
    padding: 14px 6px;
    margin: 0;
    
    text-decoration: none;
    font-size: 50px;

	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.backtotop a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
}

/* @group shouldermenu */


#header1 ul#menu-shoulder_nav{/*★*/
	display:block;
	float: right;
	height:35px;
	margin: 0;

	width: 600px;
	height: 27px;
	margin: 0 auto;
	text-align: right;
}

ul#menu-shoulder_nav li {
	list-style-type: none;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/margin-right: 3px;
	line-height: 25px;
	height: 27px;
	/zoom: 1;
}

ul#menu-shoulder_nav li a {
	display: block;
	text-decoration: none;
	padding: 5px 8px;
	font-size: 12px;
	color: #00893f;
}

ul#menu-shoulder_nav li a:hover {
	color: #888;
}

ul#menu-shoulder_nav li#menu-item-85{

}

ul#menu-shoulder_nav li#menu-item-85 a{
	background-color: #00893f;
	color: #fff;
	font-weight: bold;
}

ul#menu-shoulder_nav li#menu-item-85 a:hover{
	background-color: #bedfcd;
	color: #fff;
	font-weight: bold;
}

/* @end */

/* @group mainmenu */


#header2 ul#menu-main_nav{/*★*/
	width: 950px;
	height: 27px;
	margin: 0 auto;
	text-align: center;
}

#header22 ul#menu-main_nav2{/*★*/
	width: 920px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	background-color: #fff;
}


#header22 ul li {
	list-style-type: none;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/margin-right: 3px;
	line-height: 25px;
	height: 27px;
	/zoom: 1;
}

#header22 ul li a {
	display: block;
	text-decoration: none;
	padding: 0 38px;
	font-size: 16px;
	color: #00893f;
	font-weight: bold;
}

ul#menu-main_nav2 li a {
	padding: 17px 12px 10px 12px;
	line-height: 1em;
}

#header2 ul li a:hover,
ul#menu-main_nav2 li a:hover {
	color: #aaa;
}

/* @end */

/* @end */

/* @group maingraphic */
#contents #maingraphicband{
	width: 100%;
	padding: 0 0 0px 0;
	margin-top: 15px;
	overflow: hidden;
	bGackground-color: #f2f2f2;
	background-image: url(common/bg_2.gif);
}

#maingraphicband #maingraphic {
	display: block;
	background-color: #e4e2d4;
	width: 100%;
	max-width: 950px;
	height: auto;
	font-size: 20px;
	margin: 0px auto;
	bGackground-image: url(common/top_slide_1.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position:relative;
}

.blog #maingraphicband #maingraphic {
	height: 270px;
}

.piece.list #maingraphicband #maingraphic {
	height: 500px;
	background-image: url(common/maingraphic_works.jpg);
}

.about #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_about.jpg);
}

.page-id-34 #maingraphicband #maingraphic,
.philosophy #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_philosophy.jpg);
}

.spec #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_spec.jpg);
}

.page-id-30 #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_voice.jpg);
}

.blog #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_blog.jpg);
}

.page-id-28 #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_artisan.jpg);
}

.member-list #maingraphicband #maingraphic,
.page-id-2G4 #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_member.jpg);
}

.dictionary #maingraphicband #maingraphic,
.page-id-26 #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_dictionary.jpg);
}

.policy #maingraphicband #maingraphic,
.inquiry #maingraphicband #maingraphic,
.enter #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_enter.jpg);
}

.form #maingraphicband #maingraphic {
	background-image: url(common/maingraphic_form.jpg);
}

#moribito .moribito-index #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_7.jpg);
}


#maingraphicband #maingraphic #notebottom{
	height: 100px;
	background-color: #fff;
	width: 100%;
	color: #000;
	padding: 0px 0px;
	position: absolute;
	bottom: 0px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	oGverflow: hidden;
}

#maingraphicband #maingraphic #pagetitle{
	width: 60%;
	padding: 10px 6px 0 16px;
	color: #000;
	font-size: 32px;
	float: left;
}

#maingraphicband #maingraphic #basicdata{
	width: 25%;
	padding: 6px 10px 0 0px;
	color: #000;
	font-size: 11px;
	float: right;
}

#maingraphicband #maingraphic h1{
	padding: 100px 100px 0 30px;
	color: #fff;
}

.page-id-28 #maingraphicband #maingraphic h1{
	text-align: right;
}

.page-id-24 #maingraphicband #maingraphic h1{
	text-align: right;
}

.page-id-30 #maingraphicband #maingraphic h1{
	text-align: right;
}

.member-list #maingraphicband #maingraphic h1,
.page-id-90 #maingraphicband #maingraphic h1{
	text-align: right;
}

.page-id-42 #maingraphicband #maingraphic h1,
.spec #maingraphicband #maingraphic h1{
	text-align: right;
	color: #333;
}

.form #maingraphicband #maingraphic h1{
	color: #006d32;
}

#maingraphicband #maingraphic #notecenterright{
	width: 100%;
	color: #fff;
	position: absolute;
	top: 45%;
}

#maingraphicband #maingraphic #notecenterright #pagetitle{
	padding: 0 15px;
	color: #fff;
	text-align: right;
	width: 95%;
}

/* @end */

/* @group footer */

#footerarea {
	width: 100%;
	margin: 20px 0 0 0;
	background: url(common/bg_footer3.png) repeat-x 0 top;
	overflow: hidden;
	padding-top: 10px;
}

#footer {
	width: 950px;
	margin: 0px auto;
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.5em;
}

#footer #toPageTop{
	width: 150px;
	height: 20px;
	background-color: #845527;
	text-align: center;
	margin-left: 750px;
}

#footer #toPageTop a{
	font-size: 11px;
	color: #fff;
	display: block;
	text-align: center;
}

#footer #toPageTop a:hover{
	background-color: #be8e5f;
}


#footer #footmenublock{
	overflow: hidden;
	margin-bottom: 20px;
}

#footer #footblock1,
#footer #footblock2,
#footer #footblock3,
#footer #footblock4,
#footer #footblock5,
#footer #footblock21{
	margin: 20px 0 0 0px;
	color: #fff;
	float: left;
	font-size: 12px;
	line-height: 1.8em;
}

#footer #footblock1{
	width: 140px;
}

#footer #footblock2{
	width: 155px;
}

#footer #footblock3{
	width: 125px;
}

#footer #footblock4{
	width: 140px;
}

#footer #footblock5{
	width: 320px;
	padding: 0 0 10px 15px;
	border-left: 1px solid #aaa;
}

#footer #footblock21{
	width: 460px;
}


#footer #footmenublock li{
	list-style-type: none;
	color: #fff;
	margin-right: 5px;
}

#footer #footmenublock #footblock21 li{
	float: left;
	width: 140px;
}

#footer #footmenublock #footblock21 li#menu-item-101{
	margin-right: 150px;
}

#footer #footmenublock #footblock21 li#menu-item-111{
	display: none;
}


#footer #footmenublock  #footblock5 h3{
	color: #fff;
	font-size: 12px;
	font-weight: normal;
}

#footer #footmenublock  #footblock5 li{
	width: 150px;
	float: left;
	margin-left: 5px;
}

#footer #footmenublock li a{
	color: #fff;
	display: block;
}

#footer #footmenublock li a:hover{
	background-color: #b98a5b;
}

#footer #footblock1 #footerTitle{
	margin: 0 0 15px 0;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

#footer #credit{
	border-top: #aaa 1px solid;
	text-align:center;
	margin:15px 0 0px 0;
	padding-top: 4px;
	padding-bottom: 10px;
	font-size: 12px;
	color: #eee;
}

#footer #credit a{
	font-size: 12px;
	color: #eee;
}

#footer #credit a:hover{
	background-color: #b98a5b;
}

#footer a{
	text-decoration: none;
}


/* @end */



/* @end */

/* @group UI */

#mainblock #trust-form table input,
#mainblock #trust-form table textarea{
  color: #000;
  font-size: 18px;
  font-weight: bold;
}
input,
button,
select,
textarea {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label {
  display: block;
  margin-bottom: 5px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

input,
textarea,
.uneditable-input {
  width: 206px;
}

#wrapper label.radio input,
#wrapper label.checkbox input {
  margin-right: 5px;
  padding-right: 5px;
}

textarea {
  height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

select,
input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */

  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */

  line-height: 30px;
}

select {
  width: 320px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

select[multiple],
select[size] {
  height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.uneditable-input,
.uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
}

.uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}

.uneditable-textarea {
  width: auto;
  height: auto;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #999999;
}

.radio,
.checkbox {
  min-height: 20px;
  padding-left: 5px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}

.controls > .radio:first-child,
.controls > .checkbox:first-child {
  padding-top: 5px;
}

.radio.inline,
.checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}

.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}

.input-mini {
  width: 60px;
}

.input-small {
  width: 90px;
}

.input-medium {
  width: 150px;
}

.input-large {
  width: 210px;
}

.input-xlarge {
  width: 270px;
}

.input-xxlarge {
  width: 530px;
}

input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
  float: none;
  margin-left: 0;
}

.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
  display: inline-block;
}

input,
textarea,
.uneditable-input {
  margin-left: 0;
}

.controls-row [class*="span"] + [class*="span"] {
  margin-left: 20px;
}

input.span12,
textarea.span12,
.uneditable-input.span12 {
  width: 926px;
}

input.span11,
textarea.span11,
.uneditable-input.span11 {
  width: 846px;
}

input.span10,
textarea.span10,
.uneditable-input.span10 {
  width: 766px;
}

input.span9,
textarea.span9,
.uneditable-input.span9 {
  width: 686px;
}

input.span8,
textarea.span8,
.uneditable-input.span8 {
  width: 606px;
}

input.span7,
textarea.span7,
.uneditable-input.span7 {
  width: 526px;
}

input.span6,
textarea.span6,
.uneditable-input.span6 {
  width: 446px;
}

input.span5,
textarea.span5,
.uneditable-input.span5 {
  width: 366px;
}

input.span4,
textarea.span4,
.uneditable-input.span4 {
  width: 286px;
}

input.span3,
textarea.span3,
.uneditable-input.span3 {
  width: 206px;
}

input.span2,
textarea.span2,
.uneditable-input.span2 {
  width: 126px;
}

input.span1,
textarea.span1,
.uneditable-input.span1 {
  width: 46px;
}

.controls-row {
  *zoom: 1;
}

.controls-row:before,
.controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}

.controls-row:after {
  clear: both;
}

.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
  float: left;
}

.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
  padding-top: 5px;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}

input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
  background-color: transparent;
}

.control-group.warning .control-label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
  color: #c09853;
}

.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  color: #c09853;
}

.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}

.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #c09853;
}

.control-group.error .control-label,
.control-group.error .help-block,
.control-group.error .help-inline {
  color: #b94a48;
}

.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  color: #b94a48;
}

.control-group.error input,
.control-group.error select,
.control-group.error textarea {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}

.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #b94a48;
}

.control-group.success .control-label,
.control-group.success .help-block,
.control-group.success .help-inline {
  color: #468847;
}

.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  color: #468847;
}

.control-group.success input,
.control-group.success select,
.control-group.success textarea {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}

.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
  color: #468847;
  background-color: #dff0d8;
  border-color: #468847;
}

.control-group.info .control-label,
.control-group.info .help-block,
.control-group.info .help-inline {
  color: #3a87ad;
}

.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  color: #3a87ad;
}

.control-group.info input,
.control-group.info select,
.control-group.info textarea {
  border-color: #3a87ad;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
  border-color: #2d6987;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}

.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #3a87ad;
}

input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}

input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
  border-color: #e9322d;
  -webkit-box-shadow: 0 0 6px #f8b9b7;
     -moz-box-shadow: 0 0 6px #f8b9b7;
          box-shadow: 0 0 6px #f8b9b7;
}

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;
}

.form-actions:before,
.form-actions:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-actions:after {
  clear: both;
}

.help-block,
.help-inline {
  color: #595959;
}

.help-block {
  display: block;
  margin-bottom: 10px;
}

.help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}

.input-append,
.input-prepend {
  display: inline-block;
  margin-bottom: 10px;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input,
.input-append .dropdown-menu,
.input-prepend .dropdown-menu,
.input-append .popover,
.input-prepend .popover {
  font-size: 14px;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
  position: relative;
  margin-bottom: 0;
  *margin-left: 0;
  vertical-align: top;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
  z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
  display: inline-block;
  width: auto;
  height: 20px;
  min-width: 16px;
  padding: 4px 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #ffffff;
  background-color: #eeeeee;
  border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .btn-group > .dropdown-toggle {
  vertical-align: top;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-append .active,
.input-prepend .active {
  background-color: #a9dba9;
  border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
  margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
  margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.input-prepend.input-append .btn-group:first-child {
  margin-left: 0;
}

input.search-query {
  padding-right: 14px;
  padding-right: 4px \9;
  padding-left: 14px;
  padding-left: 4px \9;
  /* IE7-8 doesn't have border-radius, so don't indent the padding */

  margin-bottom: 0;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
}

/* Allow for input prepend/append in search forms */

.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.form-search .input-append .search-query {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search .input-append .btn {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .search-query {
  -webkit-border-radius: 0 14px 14px 0;
     -moz-border-radius: 0 14px 14px 0;
          border-radius: 0 14px 14px 0;
}

.form-search .input-prepend .btn {
  -webkit-border-radius: 14px 0 0 14px;
     -moz-border-radius: 14px 0 0 14px;
          border-radius: 14px 0 0 14px;
}

.form-search input,
.form-inline input,
.form-horizontal input,
.form-search textarea,
.form-inline textarea,
.form-horizontal textarea,
.form-search select,
.form-inline select,
.form-horizontal select,
.form-search .help-inline,
.form-inline .help-inline,
.form-horizontal .help-inline,
.form-search .uneditable-input,
.form-inline .uneditable-input,
.form-horizontal .uneditable-input,
.form-search .input-prepend,
.form-inline .input-prepend,
.form-horizontal .input-prepend,
.form-search .input-append,
.form-inline .input-append,
.form-horizontal .input-append {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}

.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
  display: none;
}

.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
  display: inline-block;
}

.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
  margin-bottom: 0;
}

.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
  padding-left: 0;
  margin-bottom: 0;
  vertical-align: middle;
}

.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: left;
  margin-right: 3px;
  margin-left: 0;
}

.control-group {
  margin-bottom: 10px;
}

legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}

.form-horizontal .control-group {
  margin-bottom: 20px;
  *zoom: 1;
}

.form-horizontal .control-group:before,
.form-horizontal .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}

.form-horizontal .control-group:after {
  clear: both;
}

.form-horizontal .control-label {
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
}

.form-horizontal .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}

.form-horizontal .controls:first-child {
  *padding-left: 180px;
}

.form-horizontal .help-block {
  margin-bottom: 0;
}

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
  margin-top: 10px;
}

.form-horizontal .form-actions {
  padding-left: 180px;
}



button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.submit-container input,
input.submit,
.btn {
  display: inline-block;
  *display: inline;
  padding: 4px 12px;
  margin-bottom: 0;
  *margin-left: .3em;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn{
	text-decoration: none;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
  color: #333333;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn:active,
.btn.active {
  background-color: #cccccc \9;
}

.btn:first-child {
  *margin-left: 0;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn.active,
.btn:active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.disabled,
.btn[disabled] {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}


.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
  margin-top: 4px;
}

.btn-small {
  padding: 2px 10px;
  font-size: 11.9px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
  margin-top: 0;
}

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
  margin-top: -1px;
}

.btn-mini {
  padding: 0 6px;
  font-size: 10.5px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}

.submit-container input.active,
input.submit.active,
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
  color: rgba(255, 255, 255, 0.75);
}

#mainblock .submit-container input[name="return-to-input"]{
  color: #333;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  *border: 0;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);

}

.form .submit-container input{
  padding: 11px 90px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.submit-container input,
input.submit,
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0044cc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.submit-container input:hover,
input.submit,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}

.btn-primary:active,
input.submit:active {
  background-color: #003399 \9;
}

.btn-warning {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #faa732;
  *background-color: #f89406;
  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
  background-image: -o-linear-gradient(top, #fbb450, #f89406);
  background-image: linear-gradient(to bottom, #fbb450, #f89406);
  background-repeat: repeat-x;
  border-color: #f89406 #f89406 #ad6704;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #ffffff;
  background-color: #f89406;
  *background-color: #df8505;
}

.btn-warning:active,
.btn-warning.active {
  background-color: #c67605 \9;
}

.btn-danger {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #da4f49;
  *background-color: #bd362f;
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #802420;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #ffffff;
  background-color: #bd362f;
  *background-color: #a9302a;
}

.btn-danger:active,
.btn-danger.active {
  background-color: #942a25 \9;
}

.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(to bottom, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #51a351;
  *background-color: #499249;
}

.btn-success:active,
.btn-success.active {
  background-color: #408140 \9;
}

.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
  background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
  background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
  background-repeat: repeat-x;
  border-color: #2f96b4 #2f96b4 #1f6377;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2f96b4', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}

.btn-info:active,
.btn-info.active {
  background-color: #24748c \9;
}

.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #222222;
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #222222;
  *background-color: #151515;
}

.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}

button.btn,
input[type="submit"].btn {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
  *padding-top: 7px;
  *padding-bottom: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
  *padding-top: 3px;
  *padding-bottom: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
  *padding-top: 1px;
  *padding-bottom: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
  background-color: transparent;
  background-image: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.btn-link {
  color: #0088cc;
  cursor: pointer;
  border-color: transparent;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-link:hover,
.btn-link:focus {
  color: #005580;
  text-decoration: underline;
  background-color: transparent;
}

.btn-link[disabled]:hover,
.btn-link[disabled]:focus {
  color: #333333;
  text-decoration: none;
}

.btn-group {
  position: relative;
  display: inline-block;
  *display: inline;
  *margin-left: .3em;
  font-size: 0;
  white-space: nowrap;
  vertical-align: middle;
  *zoom: 1;
}

.btn-group:first-child {
  *margin-left: 0;
}

.btn-group + .btn-group {
  margin-left: 5px;
}

.btn-toolbar {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0;
}

.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
  margin-left: 5px;
}

.btn-group > .btn {
  position: relative;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group > .btn + .btn {
  margin-left: -1px;
}

.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
  font-size: 14px;
}

.btn-group > .btn-mini {
  font-size: 10.5px;
}

.btn-group > .btn-small {
  font-size: 11.9px;
}

.btn-group > .btn-large {
  font-size: 17.5px;
}

.btn-group > .btn:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomright: 4px;
}

.btn-group > .btn.large:first-child {
  margin-left: 0;
  -webkit-border-bottom-left-radius: 6px;
          border-bottom-left-radius: 6px;
  -webkit-border-top-left-radius: 6px;
          border-top-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topleft: 6px;
}

.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
  -webkit-border-top-right-radius: 6px;
          border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
          border-bottom-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
}

.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  *padding-top: 5px;
  padding-right: 8px;
  *padding-bottom: 5px;
  padding-left: 8px;
  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group > .btn-mini + .dropdown-toggle {
  *padding-top: 2px;
  padding-right: 5px;
  *padding-bottom: 2px;
  padding-left: 5px;
}

.btn-group > .btn-small + .dropdown-toggle {
  *padding-top: 5px;
  *padding-bottom: 4px;
}

.btn-group > .btn-large + .dropdown-toggle {
  *padding-top: 7px;
  padding-right: 12px;
  *padding-bottom: 7px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

.btn-group.open .btn-primary.dropdown-toggle {
  background-color: #0044cc;
}

.btn-group.open .btn-warning.dropdown-toggle {
  background-color: #f89406;
}

.btn-group.open .btn-danger.dropdown-toggle {
  background-color: #bd362f;
}

.btn-group.open .btn-success.dropdown-toggle {
  background-color: #51a351;
}

.btn-group.open .btn-info.dropdown-toggle {
  background-color: #2f96b4;
}

.btn-group.open .btn-inverse.dropdown-toggle {
  background-color: #222222;
}

.btn .caret {
  margin-top: 8px;
  margin-left: 0;
}

.btn-large .caret {
  margin-top: 6px;
}

.btn-large .caret {
  border-top-width: 5px;
  border-right-width: 5px;
  border-left-width: 5px;
}

.btn-mini .caret,
.btn-small .caret {
  margin-top: 8px;
}

.dropup .btn-large .caret {
  border-bottom-width: 5px;
}

.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}

.btn-group-vertical {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
}

.btn-group-vertical > .btn {
  display: block;
  float: none;
  max-width: 100%;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:first-child {
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
  -webkit-border-radius: 6px 6px 0 0;
     -moz-border-radius: 6px 6px 0 0;
          border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}


/* @end */

/* @group contents */


a:hover iGmg.rollbtn, input.rollbtn:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

a:hover img, input.rollbtn:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
  -webkit-transition: opacity 0.1s linear;
     -moz-transition: opacity 0.1s linear;
       -o-transition: opacity 0.1s linear;
          transition: opacity 0.1s linear;
}

#contents #maingraphicarea{
	
}

#contents #maingraphicarea #maingraphic{
	display: block;
	margin: 0 auto;
}

#contents h1{
	font-size: 2em;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom:30px;
	font-family: "AGaramondPro-Regular","HiraMinProN-W3","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ Ｐゴシック",sans-serif;
}

#contents .date{
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	margin-bottom:3px;
	color: #888;
}

#contents h2.entrytitle{
	font-size: 2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #111;
	margin-bottom: 30px;
}

#contents h2.entrytitle a{
	text-decoration: none;
}

#contents .entry{
	margin: 0 0 100px 0;
}

#contents #dataarea{
	margin: 5px 0 20px 0;
	overflow: hidden;
}

#contents h1#housename{
	font-size: 3.2em;
	font-family: 'RodinPro-L';
	font-weight: normal;
	line-height: 1.2em;
	color: #111;
	margin-bottom: 2px;
	margin-left: -3px;
}

#contents table#basicdata{
	float: right;
	border-left: 1px solid #333;
	pGadding: 0 0 10px 10px;
	width: 170px;
}

#contents #basicdata th{
	width: 50px;
}

#contents #basicdata th,
#contents #basicdata td{
	list-style-type: none;
	font-size: 11px;
	padding: 2px 1px 2px 5px;
	line-height: 1.2em;
	vertical-align: top;
}


#contents #list a{
	display:block;
	width:150px;
	float:left;
	margin-right:10px;
	margin-bottom:20px;
}

#contents #list a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}


#contents #buildername{
	line-height: 1.2em;
	color: #333;
	font-weight: bold;
	margin-bottom: 10px;
}


#contents,
#contents p{
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom:40px;
	color: #555;
}

#contents #catchcopy p{
	font-family: 'Shin Go ExLight JIS2004';
	font-size: 1.5em;
	line-height: 1.3em;
	margin-bottom:30px;
	color: #845527;
}

#contents p.caution{
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom:30px;
	color: #888;
}





#contents .caption{
	font-size: 1em;
	line-height: 1.7em;
	margin: 5px 0 30px 0;
	display: block;
}

#contents .super{
	font-size: 0.75em;
	vertical-align: super;
}

#subblock .sidepanel {
	margin-bottom: 30px;
}

#subblock h3 {
	font-size: 0.9em;
	padding-bottom: 2px;
	color: #333;
	margin-top: 10px;
}

#subblock p {
	font-size: 0.9em;
	padding-bottom: 2px;
	color: #8e5f2f;
	margin-bottom: 20px;
}

#contents #mainblock img{
	margin-bottom: 10px;
	max-width: 100%;
}

#contents #mainblock img.withcap{
	margin-bottom: 2px!important;
}

#contents #mainblock p.withcap{
	margin-bottom: 0!important;
}

#contents #mainblock p.withcap img{
	margin-bottom: 0!important;
}

#contents #mainblock .imgcenter{
	width: 100%;
	text-align: center;
}


#contents #mainblock .caption{
	margin-bottom: 55px;
	font-size: 13px;
	color: #7591a4;
	text-align: center;
}

#contents input{
	background-color: #fff;
}

#contents input.checkbox{
	margin-bottom: 0px;
}

#contents iframe.video{
	max-width: 100%;
	hGeight: auto;
}

/* @group moribito-index */


#moribito .moribito-index #mainblock{
	width: 98%;
	margin: 0 auto;
}

#moribito .moribito-index #subblock{
	display: none;
}

#moribito .moribito-index ul#memberface{
	width: 97%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

#moribito .moribito-index ul#memberface li{
	width: 135px;
	height: 230px;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4em;
}

#moribito .moribito-index ul#memberface li img{
	width: 125px;
	height: auto;
	margin-bottom: 4px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}

#moribito .moribito-index ul#memberface li .area{
	display: block;
	font-size: 15px;
}


/* @end */

/* @group promise */
.promise #contents #maingraphicband{
	width: 100%;
	padding: 15px 0 0px 0;
	overflow: hidden;
	background-image: none;
	padding-bottom: 70px;
}

.promise #maingraphicband #maingraphic {
	width: 100%;
	max-width: 960px;
	height: 370px;
	margin: 0px auto;
}

.promise_1 #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_1.jpg);
}

.promise_2 #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_2.jpg);
}

.promise_3 #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_3.jpg);
}

.promise_4 #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_4.jpg);
}

.promise_5 #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_5.jpg);
}

.promise_6 #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_6.jpg);
}

.promise_7 #maingraphicband #maingraphic {
	background-image: url(common/promise7_main_7.jpg);
}

.promise #maingraphicband #maingraphic h1{
	width: 100%;
	mGax-width: 650px;
	position: absolute;
	margin: 0 auto;
	padding: 0;
	bottom: -100px;
	lGeft: 0;
	rGight: 0;
	text-align: center;
}

.promise #contents #mainblock{
	width: 90%;
	float: none;
	margin-left: 5%;
}

.promise #contents #mainblock .entry{
	margin-bottom: 0px;
}

.promise #contents #mainblock .entry .wp_social_bookmarking_light{
	display: none;
}

.promise .nextpagelink{
	wGidth: 500px;
}

.promise .nextpagelink a{
	background-color: #00893f;
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	dGisplay: block;
	padding: 5px 14px;
	line-height: 1.1em;
	margin-left: 30px;
}

.promise .nextpagelink a:hover{
	background-color: #27b61f;
}

#promisemenu ul#menu-main_nav{/*★*/
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

#promisemenu ul li {
	list-style-type: none;
	line-height: 25px;
	clear: both;
	margin-bottom: 12px;
}

#promisemenu ul li a {
	display: block;
	text-decoration: none;
	padding: 0 38px;
	font-size: 16px;
	line-height: 1.2em;
	color: #00893f;
	font-weight: bold;
}

#promisemenu ul li.current-menu-item a {
	color: #7acb9f;
}

#promisemenu ul li a:hover {
	color: #888;
}

.promise_7 ul#members{
	width: 500px;
	margin: 0 auto;
	border-top: 1px dotted #aaa;
	margin-bottom: 50px;
}

.promise_7 ul#members li{
	padding: 20px 0 30px 0;
	bGorder-bottom: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	font-size: 12px;
	line-height: 1.8em;
	color: #aaa;
	overflow: hidden;
}

.promise_7 ul#members li a img{
	float: left;
}

.promise_7 ul#members li a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.promise_7 ul#members li .datablock{
	width: 280px;
	float: right;
	margin-left: 8px;
	line-height: 1.5em;
	color: #888;
}

.promise_7 ul#members li .datablock h2{
	fGont-family: 'RodinPro-L';
	color: #444;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
}

.promise_7 ul#members li .datablock .englishname{
	color: #333;
	margin: 3px 0 12px 3px;
	font: italic 11px/1.2em "ＭＳ Ｐ明朝", 細明朝体, "ヒラギノ明朝 Pro W3";
}

.promise_7 ul#members li .datablock p{
	color: #333;
	margin: 3px 0 12px 3px;
	margin: 0;
	font-size: 13px;
	line-height: 1.5em;
}


/* @end */

/* @group moribito */
.moribito.saijo #maingraphicband #maingraphic{
	background-image: url(common/main_moribito_saijo.jpg);
}

.moribito.takagi #maingraphicband #maingraphic{
	background-image: url(common/main_moribito_takagi.jpg);
}

.moribito.ohba #maingraphicband #maingraphic{
	background-image: url(common/main_moribito_ohba.jpg);
}

.moribito.naoi #maingraphicband #maingraphic{
	background-image: url(common/main_moribito_naoi.jpg);
}

.moribito.member.kamezu #maingraphicband #maingraphic{
	background-image: url(common/main_moribito_kamezu.jpg);
}

.moribito h2{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight: normal;
	font-size: 28px;
	margin: 60px 0 32px 0;
	line-height: 1.2em;
	color: #845527;
}

.moribito #mainblock ul{
	margin: 0 0 30px 40px;
}

.moribito #mainblock ul li{
	margin-bottom: 3px;
	font-size: 15px;
	color: #935100;
}

/* @end */

/* @group form */
#moribito div#trust-form.contact-form span.require {
	float: right;
	background-color: #e55a3b;
    color: #fff;
    font-size: 13px;
    padding: 4px 10px;
    line-height: 1em;
}


/* @end */

/* @group dictionarylist */

.dictionary ul#works{
	margin: 8px 0 0 0;
}

.dictionary ul#works li{
	width: 220px;
	height: 180px;
	float: left;
	margin: 0 3px 20px 0px;
	list-style-type: none;
}

.dictionary ul#works li a{
	text-decoration: none;
	font-size: 1.2em;
	color: #845527;
}

.dictionary ul#works li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.dictionary ul#works li img{
	margin-bottom: 3px;
}


/* @end */

#contents .checkelement label{
	margin-right: 20px;
}

/* @group college */

.college #maingraphicband #maingraphicband,
.college #maingraphicband #maingraphic{
	height: 370px;
}

.college #maingraphicband #maingraphic #seriestitle{
	padding: 120px 32px 10px 30px;
	margin-bottom: 0;
	color: #fff;
	font-size: 13px;
	line-height: 1.3em;
	letter-spacing: 1px;
	text-shadow: rgba(0,0,0,1) 0px 0px 5px;
}

.college #maingraphicband #maingraphic h1{
	padding: 0px 32px 0 30px;
	margin-bottom: 0;
	color: #fff;
	font-size: 36px;
	line-height: 1.1em;
	letter-spacing: -1px;
	text-shadow: rgba(0,0,0,1) 0px 0px 5px;
}

.organic_college2016_1.college #maingraphicband #maingraphic h1{
display: none;
}

.college #maingraphicband #maingraphic #speaker{
	padding: 0px 32px 0 32px;
	margin-bottom: 0;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2em;
	text-shadow: rgba(0,0,0,1) 0px 0px 5px;
}

.college #contents #mainblock{
	width: 80%;
	float: none;
	margin: 0 auto 30px;
}

.college #contents #mainblock .entry{
	text-align: center;
	margin-bottom: 0;
}

.college #contents p.lead{
	font-size: 15px;
	color: #7d6f50;
	fGont-style: italic;
	padding-bottom: 10px;
	border-bottom: 1px dotted #aaa;
}

.college #contents p{
	text-align: left;
}

.college #contents h2{
	font-family: 'RodinPro-L';
	color: #845527;
	font-size: 40px;
	line-height: 1.1em;
	text-align: center;
	font-weight: normal;
	padding: 5px 0 3px 0;
	margin: 60px 0px 40px 0px;
}

.college #contents h2 .sub{
	font-family: 'RodinPro-L';
	color: #845527;
	font-size: 20px;
	line-height: 1.1em;
	text-align: center;
	font-weight: normal;
}


.college #contents #text h3{
	display: inline-block;
	font-size: 22px;
	line-height: 1.2em;
	text-align: center;
	padding: 10px 20px 10px 20px;
	margin: 30px auto 40px auto;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-top: none;
}

.college #contents #text h3 .sub{
	font-size: 14px;
	font-weight: normal;
	color: #845527;
}

.college #contents #text h4{
	display: inline-block;
	font-size: 15px;
	line-height: 1.2em;
	color: #845527;
	border-top: 1px dotted #845527;
	padding: 7px 10px 0 10px;
	text-align: center;
	margin: 10px auto 30px auto;
	letter-spacing: 2px;
}

.college #contents #text ul#menu-college2016{
	text-align: center;
	margin: 0 auto 30px;
	
}

.college #contents #text ul#menu-college2016 li{
	display: inline-block;
	width: 130px;
	list-style-type: none;
	margin: 0 3px 20px 3px;
	font-size: 12px;
	line-height: 1.3em;
	background-color: #aaa;
	height: 230px;
}

.college #contents #text ul#menu-college2016 li:nth-of-type(1){
	background: url(common/college_menu_1.png) no-repeat center top;
	background-size: contain;
}

.college #contents #text ul#menu-college2016 li:nth-of-type(2){
	background: url(common/college_menu_2.png) no-repeat center top;
	background-size: contain;
}

.college #contents #text ul#menu-college2016 li:nth-of-type(3){
	background: url(common/college_menu_3.png) no-repeat center top;
	background-size: contain;
}

.college #contents #text ul#menu-college2016 li:nth-of-type(4){
	background: url(common/college_menu_4.png) no-repeat center top;
	background-size: contain;
}

.college #contents #text ul#menu-college2016 li:nth-of-type(5){
	background: url(common/college_menu_5.png) no-repeat center top;
	background-size: contain;
}

.college #contents #text ul#menu-college2016 li.current_page{

}

.college #contents #text ul#menu-college2016 li a{
	display: block;
	text-decoration: none;
	font-size: 12px;
	line-height: 1.3em;
	padding-top: 160px;
}

.college #contents #text ul#menu-college2016 li a:hover{
	color: #aaa;
}

.college #contents #text .wp_social_bookmarking_light{
	display: none;
}

.college #contents #text .wsbl .wp_social_bookmarking_light{
	display: block;
}


/* @end */

/* @group policy */

.policy #contents h2{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	color: #111;
	margin: 40px 0 30px 0;
	padding: 2px 15px 8px 15px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}


/* @end */

/* @group dictionary */
.dictionary #contents #mainblock{
	width: 100%;
}

.Gdictionary #contents p{
	display: block;
	clear: both;
}

.dictionary #contents #mainblock #pictarea{
	width: 420px;
	float: left;
	padding-bottom: 0px;
}

.dictionary #contents #mainblock #pictarea img{
    -webkit-box-shadow: 0 10px 6px -6px #aaa;
       -moz-box-shadow: 0 10px 6px -6px #aaa;
            box-shadow: 0 10px 6px -6px #aaa;
}

.dictionary #contents #mainblock #pictarea p{
	font-size: 12px;
	margin: 6px;
}

.dictionary #contents #mainblock img{
	margin-bottom: 0px;
}

.dictionary #contents #mainblock #textarea{
	width: 450px;
	float: right;
}

.dictionary #contents #mainblock #textarea h1#housename{
	font-size: 42px;
	font-family: 'RodinPro-L';
	font-weight: normal;
	line-height: 1.2em;
	color: #111;
	margin-bottom: 40px;
}

.dictionary #contents #mainblock #textarea p{
	font-size: 16px;
	line-height: 2em;
}

.dictionary #contents #mainblock .entry{
	clear: both;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #aaa;
	padding: 8px 8px 12px 10px;
	background-color: #fafafa;
	margin-bottom: 40px;
}

.dictionary #contents #mainblock .entry.off{
	display: none;
}

.dictionary #contents #mainblock .entry.pictoff img{
	display: none;
}

.dictionary #contents #mainblock .entry h3{
	border: none;
	margin-top: 0;
	margin-bottom: 10px;
	padding-top: 0;
}

.dictionary #contents #mainblock .entry p{
	margin-bottom: 10px;
	font-size: 14px;
}

.dictionary #contents #mainblock .entry .writer{
	text-align: right;
	font-size: 12px;
}

.dictionary #contents #mainblock .entry .subimage{
	float: left;
	margin: 0 35px 20px 0;
}

.page-template-dictionary-list-php .dictionary #contents .wp_social_bookmarking_light{
	display: none;
}

single-dictionary .dictionary #contents .wp_social_bookmarking_light{
	display: block;
	clear: both;
}

.dictionary #contents .itemname{
	margin: 0 4px 0 4px;
	font-size: 16px;
}

/* @end */

/* @group media */
.media-list #contents .mediablock p{
	margin-bottom: 10px;
}

.media-list #contents .mediablock h2{
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.4em;
	color: #111;
	margin: 0px 0 10px 0;
	padding: 2px 15px 8px 8px;
	border-left: 1px solid #333;
	bGorder-right: 1px solid #333;
}

.media-list #contents .mediablock{
	margin-bottom: 80px;
}

/* @end */

/* @group philosophy */
.philosophy #contents h2{
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.4em;
	color: #111;
	margin: 40px 0 30px 0;
	padding: 2px 15px 8px 15px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}


/* @end */

/* @group about */
.about #contents h2{
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;
	color: #111;
	margin: 80px 0 30px 0;
	padding: 2px 15px 8px 15px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}


/* @end */

/* @group spec */
.spec #contents h2{
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1.4em;
	color: #111;
	margin: 40px 0 30px 0;
	padding: 2px 15px 8px 15px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
}

.spec #contents #subblock h2{
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1em;
	color: #111;
	margin: 40px 0 20px 0;
	padding: 0px 0px 8px 0px;
	border-left: none;
	border-right: none;
}

.spec #contents #subblock h2 .sub{
	font-size: 0.6em;
	font-weight: normal;
	line-height: 1.2em;
}

.spec #contents #subblock dt{
	font-weight: bold;
	line-height: 1.4em;
	padding: 4px 0 4px 0;
	border-top: 1px solid #555;
	color: #555;
}

.spec #contents #subblock dd{
	font-size: 0.9em;
	line-height: 1.4em;
	margin-bottom: 30px;
	color: #555;
}

/* @end */

/* @group member-list */
.member-list #contents #text{
	mGargin-top: 20px;
}

.member-list #text #mainblock{
	width: 480px;
}

.member-list #text #subblock{
	width: 380px;
}

.member-list ul#members{
	bGorder-top: 1px dotted #aaa;
}

.member-list ul#members li{
	padding: 20px 0 30px 0;
	bGorder-bottom: 1px dotted #aaa;
	border-top: 1px dotted #aaa;
	font-size: 12px;
	line-height: 1.8em;
	color: #aaa;
	overflow: hidden;
}

.member-list ul#members li:first-child{
	border-top: none;
}


.member-list ul#members li a img{
	float: left;
}

.member-list ul#members li a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.member-list ul#members li .datablock{
	width: 280px;
	float: right;
	margin-left: 8px;
	line-height: 1.5em;
	color: #888;
}

.member-list ul#members li .datablock h2{
	font-family: 'RodinPro-L';
	color: #444;
	font-weight: bold;
	font-size: 18px;
	margin: 0;
}

.member-list ul#members li .datablock .englishname{
	color: #333;
	margin: 3px 0 12px 3px;
	font: italic 11px/1.2em "ＭＳ Ｐ明朝", 細明朝体, "ヒラギノ明朝 Pro W3";
}

.member-list #subblock img{
	margin-top: 80px;
}

/* @end */

/* @group member */
.member.bioplus #maingraphicband #maingraphic{
	background-image: url(common/companytitle_bioplus.jpg);
}

.member.sastina #maingraphicband #maingraphic{
	background-image: url(common/companytitle_sastina.jpg);
}

.member.ecohana #maingraphicband #maingraphic{
	background-image: url(common/companytitle_ecohana.jpg);
}

.member.kamezu #maingraphicband #maingraphic{
	background-image: url(common/companytitle_kamezu.jpg);
}

.member.kominka #maingraphicband #maingraphic{
	background-image: url(common/companytitle_kominka.jpg);
}

.member.tennenjutaku #maingraphicband #maingraphic{
	background-image: url(common/companytitle_tennen.jpg);
}

.member.daimon #maingraphicband #maingraphic{
	background-image: url(common/companytitle_daimon.jpg);
}

.member #contents #subblock{
	margin-top: 120px;
	width: 235px;
}

.member #subblock ul {
	border-top: 1px solid #ccc;
}

.member #subblock ul li {
	font-size: 14px;
	line-height: 1.4em;
	padding: 6px 0 6px 0;
	border-bottom: 1px solid #ccc;
}

.member #subblock ul li a{
	font-size: 14px;
	display: inline;
}

/* @end */

/* @group piece */
.piece #contents #subblock{
	font-size: 13px;
	line-height: 2em;
}

.piece #companyname{
	display: none;
}

.piece #text #subblock h3.first{
	margin-top: 0;
}

.piece #text #subblock a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

.piece #text #subblock ul#sozai li a{
	display: block;
	padding: 2px 8px;
	margin-bottom: 7px;
	font-size: 12px;
	line-height: 1.2em;
	
	background-color: #ece6d1;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
}



/* @end */

/* @group subblock */
#subblock h2.widgettitle{
	font-size: 13px;
	line-height: 1.2em;
	padding-bottom: 5px;
}

#subblock ul ul{
	border-top: 1px solid #333;
	margin-bottom: 30px;
}

#subblock ul li li{
	border-bottom: 1px dotted #888;
	margin: 0;
	padding: 0;
}

#subblock ul li a{
	display: block;
	padding: 5px 3px 5px 2px;
	font-size: 12px;
	line-height: 1.3em;
}



/* @end */

/* @group top */

.top #header{
	width: 100%;
	bGackground: url(common/bg_top_2.jpg) no-repeat center top;
	background-image: none;
	height: auto;
}

.top #header1{
	width: 990px;
	margin: 0 auto;
	height: 285px;
	background-image: none;
}

.top #header2{
	width: 990px;
	height: 65px;
	margin: 0 auto;
	background-image: url(common/bg_mainmenu_top.png);
}

.top #headermenu li#btn_inquiry{
	float: right;
}

.top li#btn_inquiry{
	width: 100px;
	height: 41px;
}

.top ul#headermenu li#btn_inquiry a{
	display: block;
	width: 100px;
	height: 41px;
	background-image: url(common/btn_inquiry.png);
	background-position: 0px 0px;
	text-indent: -9999px;
}

.top ul#headermenu li#btn_inquiry a:hover{
	background-position: 0px -41px;
}

.top ul#menu-main_nav{/*★*/
	padding-top: 16px;
}

.top ul#mainmenu{/*★*/
	padding-top: 13px;
}

.top div#sitelogo{
	margin: 45px 0 0 650px;
}

.top #contents #dataarea{
	width: 910px;
	height: 35px;
	text-indent: -9999px;
	background-image: url(/images/top_copy.png);
}

.top #contents #mainblock{
	width: 650px;
}

.top #contents #mainblock img{
	margin-bottom: 5px;
}

.top #contents #subblock{
	width: 220px;
}

.top #moribitoblock,
.top #dictionaryblock,
.top #genbablock,
.top #voiceblock,
.top #newsblock{
	float: left;
	width: 200px;
	height: 250px;
	margin: 0 16px 30px 0;
}

.top #moribitoblock p,
.top #dictionaryblock p,
.top #genbablock p,
.top #voiceblock p{
	margin-top: 4px;
	font-size: 16px;
	line-height: 1.3em;
	color: #00ae71;
}

.top #moribitoblock p .pre,
.top #dictionaryblock p .pre,
.top #genbablock p .pre,
.top #voiceblock p .pre{
	font-size: 11px;
	color: #00ae71;
	line-height: 1.9em;
}

.top #moribitoblock{
	width: 415px;
}

.top p#works{
	margin: 0;
}

.top div.camera_clear{
	height: 0px;	
}
 
.top #contents .wp_social_bookmarking_light{
	display: none;
}

.top #voiceblock li,
.top #newsblock li{
	border-bottom: dotted #00ae71 1px;
	list-style-type: none;
}

.top #voiceblock h2,
.top #newsblock h2{
	font-size: 13px;
	color: #00ae71;
	line-height: 1.2em;
	border-bottom: solid #00ae71 1px;
	padding-bottom: 5px;
}

.top #voiceblock li br{
	display: none;
}

.top #voiceblock li a,
.top #newsblock li a{
	display: block;
	font-size: 13px;
	color: #00ae71;
	line-height: 1.2em;
	text-decoration: none;
	padding: 7px 0px 5px 1px;	
}

.top #voiceblock li a:hover,
.top #newsblock li a:hover{
	background-color: #ffe3e3;
}

.top #recentworks{
	background-color: #bdffcb;
	overflow: hidden;
	padding: 5px 0 10px 6px;
	margin-bottom: 30px;
}

.top #recentworks ul#worklist li{
	width: 100px;
	float: left;
	margin: 0 6px 10px 0;
}

.top #recentworks ul#worklist li p{
	margin-top: 2px;
	font-size: 11px;
	line-height: 1.2em;
	margin-bottom: 0px;
}

.top ul.submenu{
	margin: 0 0 30px 0;
}

.top #subblock h3 {
	margin: 0px 0 10px 0;
	line-height: 1em;
}

.top ul.memberlist {
	margin: 0px 0 30px 0;
}

.top #mainblock .camera_caption div{
	color: #fff;
	background: rgba(0, 0, 0, 0.3);
}

/* @end */

/* @group top2 */
.top2015 #wrapper #header{
	width: 100%;
	height: auto;
	bGackground: #744012 url(common/bg_top_3.jpg) no-repeat center top;
}
.top2015 #wrapper #header21{
	position: relative;
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	height: auto;
	background-image: none;
}


.top2015 #wrapper #header21 #top_logo{
	width: 411px;
	position: absolute;
	top: 35%;
	right: 10%;
	z-index: 999;
}

.top2015 #wrapper #header21 #top_panel{
	width: 423px;
	margin-top: 33px;
	float: left;
}


.top2015 #wrapper #header22{
	width: 990px;
	height: 65px;
	margin: 0 auto;
	background-image: none;
}

.innerbox{
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 0;
	text-align: center;
}

.innerbox li{
	list-style-type: none;
}

#block_member{
	padding: 40px 0 0px;
}

#block_member ul{
	width: 98%;
	max-width: 1000px;
	margin: 0 auto;
	text-align: center;
	font-size: 0;
}

#block_member ul li{
	width: 130px;
	height: 230px;
	display: inline-block;
	margin: 0 3px ;
	padding: 0;
	font-size: 11px;
	line-height: 1.4em;
}

#block_member ul li img{
	width: 130px;
	height: auto;
	margin-bottom: 4px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}

#block_member ul li .area{
	display: block;
	font-size: 15px;
}

#block_piece{
	padding: 20px 0 40px;
	overflow: hidden;
	background: url(common/bg_top_piece.jpg) center center;
	background-size: cover;
}


#block_promise{
	background-color: #eee;
	padding: 5px 0 10px;
}

#block_promise h2{
	font-size: 20px;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	font-weight: normal;
	color: #114c0b;
	letter-spacing: -1px;
	margin-bottom: 30px;
}

#block_promise h2 strong{
	font-size: 23px;
	font-weight: bold;
}

#block_promise ul{
	text-align: center;
	font-size: 0;
}

#block_promise ul li{
	width: 230px;
	height: 215px;
	display: inline-block;
	mGargin: 0 2% 20px;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 1.4em;
}

#block_promise ul li a{
	display: block;
}

#block_promise ul li img{
	width: 132px;
	height: auto;
	margin-bottom: 4px;
	
	-moz-border-radius: 66px;
	-webkit-border-radius: 66px;
	border-radius: 66px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}

#block_piece{
	padding: 20px 0 40px;
}

#block_piece .rightside{
	width: 40%;
	float: right;
}

#block_piece h2{
	font-size: 28px;
	font-weight: normal;
	margin-top: 200px;
	margin-bottom: 40px;
	font-family: 'RodinPro-L';
}

#block_piece p{
	text-align: left;
	font-size: 16px;
	line-height: 2em;
}

#block_piece a#btn_worklist{
	display: block;
	text-decoration: none;
	font-size: 18px;
	width: 200px;
	margin: 0 auto;
	padding: 6px;
	background-color: #261988;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#block_piece a#btn_worklist:hover{
	background-color: #6b60c0;
}

#block_piece .leftside{
	width: 50%;
	float: left;
}

#block_piece .leftside ul{
	text-align: center;
	font-size: 0;
}

#block_piece .leftside ul li{
	width: 190px;
	height: 220px;
	margin: 0 5px 0px;
	font-size: 13px;
	line-height: 1.4em;
	display: inline-block;
}

#block_piece .leftside ul li img{
	width: 100%;
	height: auto;
	margin-bottom: 4px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}



#block_sozai{
	clear: both;
	background-color: #eee;
	padding: 20px 0 50px;
}



#block_sozai h2{
	font-size: 28px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 40px;
	font-family: 'RodinPro-L';
}

#block_sozai p{
	margin: 15px auto 30px;
	width: 95%;
	text-align: left;
	font-size: 16px;
	line-height: 2em;
}

#block_sozai ul{
	text-align: center;
	font-size: 0;
}

#block_sozai ul li{
	width: 16%;
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 13px;
}

#block_sozai ul li img{
	width: 100%;
	height: auto;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}

#block_sozai a#btn_dictionarylist{
	display: block;
	text-decoration: none;
	font-size: 18px;
	width: 200px;
	margin: 0 auto;
	padding: 6px;
	background-color: #261988;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#block_sozai a#btn_dictionarylist:hover{
	background-color: #6b60c0;
}

#block_company{
	padding: 20px 0 40px;
	text-align: center;
	overflow: hidden;
}

#block_company h3{
	font-size: 28px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 40px;
	font-family: 'RodinPro-L';
}

#block_company .leftside{
	width: 350px;
	float: left;
}

#block_company .middleside{
	width: 260px;
	float: left;
	text-align: center;
}

#block_company .middleside ul li img,
#block_company .rightside ul li img{
	margin-bottom: 10px;
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.4);
}

#block_company .rightside{
	width: 240px;
	float: left;
	text-align: left;
}

#block_company .rightside uGl{
	border-top: 1px solid #888;
}

#block_company .rightside uGl li a{
	display: block;
	padding: 8px 2px;
	font-size: 13px;
	line-height: 1.5em;
	text-decoration: none;
	border-bottom: 1px dotted #888;
}

#block_company .rightside uGl li br{
	display: none;
}

#block_moribico{
	clear: both;
	height: 300px;
	background: #eee url(common/bg_moribico.jpg) center center;
}

#block_moribico .innerbox{
	width: 100%;
	max-width: 350px;
	padding: 90px 0 0 350px;
	text-align: left;
}

#block_moribico h3{
	font-size: 28px;
	line-height: 1em;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
}

#block_moribico .sub{
	font-size: 12px;
	line-height: 1.2em;
	font-weight: normal;
	margin: 2px 0 20px 4px;
}

#block_fb{
	clear: both;
	padding: 20px 0 40px;
	text-align: center;
}

#block_fb iframe{
	clear: both;
	width: 500px!important;
	display: block;
	margin: 0 auto!important;
}


/* @end */

/* @group top2016 */


.top2016 #block_piece .leftside{
	width: 70%;
}

.top2016 #block_piece .rightside{
	width: 30%;
}

.top2016 #block_piece .leftside ul li{
	width: 200px;
	height: 230px;
}

#block_event .innerbox{
	width: 95%;
	max-width: 900px;
	padding: 0px 0px 50px 0px;
	text-align: center;
}

#block_event h2{
	font-size: 28px;
	font-weight: normal;
	margin-top: 2px;
	margin-bottom: 40px;
	font-family: 'RodinPro-L';
}

#block_event img{
	margin: 0 auto 20px auto;
	width: 100%;
	max-width: 800px;
}

#block_event a#btn_eventlist{
	display: block;
	text-decoration: none;
	font-size: 18px;
	width: 240px;
	margin: 0 auto;
	padding: 6px;
	background-color: #261988;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

/* @end */

/* @group works */

#subblock #builderarea{
	background-color: #dfefe1;
	padding: 5px 6px 20px 9px;
	margin-top: 30px;
	font-size: 0.8em;
	line-height: 1.5em;
}

#subblock #builderarea p{
	color: #444;
	font: 1.2em/1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
}

#subblock li {
	list-style-type: none;
	margin-bottom: 2px;
	font-size: 0.8em;
	line-height: 1.4em;
}

#subblock li a{
	text-decoration: none;
}

#subblock li a:hover{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

a#btngoform{
	display: block;
	margin: 50px 0 20px 0;
}

/* @group 問い合わせボタン */

#memberinfo{
	background-color: #f2dfda;
	margin: 0 0 100px 0;
	padding: 12px 20px 24px 20px;
	overflow: hidden;
	font-size: 13px;
}

#memberinfo p{
	margin: 0 0 10px 0;
	font-size: 13px;
}

#memberinfo .comblock{
	width: 250px;
	float: left;
	color: #000;
	font-size: 14px;
}

#memberinfo .telnum{
	font-weight: bold;
	font-size: 1.6em;
}

#memberinfo .formbtn{
	width: 400px;
	float: right;
	margin: 10px 30px 0 0;
	pGadding: 8px;
	text-align: center;
	bGackground-color: #815529;
	background-color: #ff8e00;
}

#memberinfo .formbtn a{
	display: block;
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	padding: 8px;
}

#memberinfo .formbtn a:hover{
	background-color: #b1aaa2;
}


/* @end */


/* @end */

/* @group workslist */

/* @group pintarest */
#text #pintarest-block{
	text-align: center;
}

#text #pintarest-block h2{
color: #f00;
font-size: 18px;
}

#text #pintarest-block p{
margin-bottom: 10px;
}

#text #pintarest-block ul{
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

#text #pintarest-block ul li{

	padding: 10px 3px 20px 3px;
	display: inline-block;
	letter-spacing: normal; /* 文字間を通常に戻す */

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	
	width: 205px;
	height: 230px;
	margin: 0 6px 50px 6px;
	list-style-type: none;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 1px 1px 4px #aaa;　/* Firefox用 */  
	-moz-box-shadow: 1px 1px 3px #aaa;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #aaa;　/* Safari,Google Chrome用 */  
}

#text #pintarest-block ul li a{
text-decoration: none;
font-size: 16px;
line-height: 1em;
font-weight: bold;
color: #999;
}

#text #pintarest-block ul li a img{
margin-bottom: 0;
}

/* @end */

/* @group subblock */
#text #subblock h3{
	padding-top: 10px;
	margin: 70px 0 20px 0;
	font-size: 15px;
	line-height: 1.2em;
	color: #845527;
	border-top: 1px dashed #845527;
}

#subblock ul#works{
	margin: 8px 0 0 0;
	overflow: hidden;
}

#subblock ul#works li{
	width: 210px;
	height: 280px;
	padding: 0;
	float: left;
	margin: 0 7px 50px 7px;
	list-style-type: none;
	background-color: #fff;
	box-shadow: 1px 1px 4px #aaa;　/* Firefox用 */  
	-moz-box-shadow: 1px 1px 3px #aaa;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #aaa;　/* Safari,Google Chrome用 */  
}

#subblock ul#works li a{
	padding: 0;
	margin: 0;
}

#subblock ul#works li h4{
	margin: 2px 10px 8px 10px;
	font-size: 14px;
	line-height: 1.2em;
	color: #845527;
}

#subblock ul#works li .excerptblock p{
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 10px;
	color: #555;
}

#subblock ul#works li img{
	width: 100%;
	height: auto;
}

#subblock ul#works li a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

#subblock ul#works li img{
	margin-bottom: 3px;
}

#subblock ul#works li br{
	display: none;
}


/* @end */

/* @group mainblock */

#text #mainblock h3,
#text #mainblock2 h3{
	padding-top: 15px;
	margin: 20px 0 40px 0;
	font-size: 15px;
	line-height: 1.2em;
	color: #845527;
	border-top: 1px dashed #845527;
}

#mainblock ul#works,
#mainblock2 ul#works{
	margin: 8px 0 0 0;
	overflow: hidden;
	text-align: center;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}

.piece.list #contents .wp_social_bookmarking_light{
	display: none;
}


#mainblock ul#works li,
#mainblock2 ul#works li{
	width: 210px;
	height: 290px;
	fGloat: left;
	display: inline-block;
	margin: 0 6px 50px 6px;
	list-style-type: none;
	letter-spacing: normal; /* 文字間を通常に戻す */
	position: relative;
	overflow: hidden;
	background-color: #fff;
	box-shadow: 1px 1px 4px #aaa;　/* Firefox用 */  
	-moz-box-shadow: 1px 1px 3px #aaa;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #aaa;　/* Safari,Google Chrome用 */  
}

#Gmainblock ul#works li a{
	text-decoration: none;
	font-size: 1em;
	line-height: 1em;
	color: #845527;
}

#mainblock ul#works li h4,
#mainblock2 ul#works li h4{
	margin: 2px 6px 8px 6px;
	font-size: 13.5px;
	line-height: 1.2em;
	color: #845527;
	text-align: left;
}

#mainblock ul#works li .excerptblock,
#mainblock2 ul#works li .excerptblock{
	height: 62px;

}

#mainblock ul#works li .excerptblock p,
#mainblock2 ul#works li .excerptblock p{
	font-size: 13px;
	line-height: 1.5em;
	margin: 8px 5px 0;
	color: #555;
	letter-spacing: -1px;
	text-align: left;
}

#mainblock ul#works li .companyname,
#mainblock2 ul#works li .companyname{
	font-size: 11px;
	line-height: 1.2em;
	padding: 5px 10px 0 10px;
	color: #888;
	height: 17px;
	position: absolute;
	width: 100%;
	bottom: 0;
	border-top: 1px #ddd solid;
	background-color: #fff;
	letter-spacing: -1px;
	text-align: left;
}

#mainblock ul#works li img,
#mainblock2 ul#works li img{
	width: 100%;
	height: auto;
}


#mainblock ul#works li a:hover img,
#mainblock2 ul#works li a:hover img{
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
}

#mainblock ul#works li img,
#mainblock2 ul#works li img{
	margin-bottom: 3px;
}


#mainblock ul#works li .excerptblock p br,
#mainblock2 ul#works li .excerptblock p br{
	display: none;
}



/* @end */


/* @end */

/* @group simpletable */

table.simpletable {
	clear: both;
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	text-align: left;
	vertical-align: text-top;
	margin: 5px 0 30px 0;
	width: 500px;
	border-bottom: 1px solid #ccc;
}

table.simpletable.short {
	width: 200px;
}

table.simpletable.narrowbottom {
	margin-bottom: 5px;
}


table.simpletable.wide {
	width: 575px;
}

table.simpletable th{
	vertical-align: text-top;
	background-color: #eee;
	border-top: 1px solid #ccc;
	padding: 3px 6px 3px 5px;
	font-weight: normal;
	height: 100%;
	font-size: 0.9em;
	color: #444;
	line-height: 1.5em;
	text-align: left;
	width: 100px;
}


table#office.simpletable th{
	width: 150px;
}
	
	
table.simpletable td{
	vertical-align: text-top;
	border-top: 1px solid #ccc;
	padding: 3px 8px 3px 8px;
	font-size: 0.9em;
	color: #444;
	line-height: 1.5em;
	text-align: left;
}

table.simpletable th.end, table.simpletable td.end{
	border-right: none;
}

table.simpletable tr.end th, table.simpletable tr.end td{
	border-bottom: 1px solid #ccc;
}



/* @end */

/* @group inquiry */
body.inquiry{
	background: #fffeff url(common/bg_plan.gif) repeat-x;
}

.inquiry #contents{
	background: url(common/maingraphic_inquiry.jpg) no-repeat;
}

.inquiry #contents dt .title{
	font-family: "AGaramondPro-Regular","HiraMinProN-W3","ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝","ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.2em;
	color: #b07f58;
}

.inquiry #contents dd p{
	font-size: 0.9em;
	line-height: 1.2em;
	color: #888;
	margin-bottom: 4px;
}

.inquiry #contents dd{
	margin-bottom: 30px;
}

.inquiry #contents dd input.text{
	width: 400px;
}

.inquiry #contents dd textarea{
	width: 700px;
}

#contents div#trust-form.contact-form table {
	width: 100%;
}

#Gcontents div#trust-form.contact-form table th {
	width: 30%;
}

#Gcontents div#trust-form.contact-form table td {
	width: 70%;
}

#contents div#trust-form.contact-form table td input.name,
#contents div#trust-form.contact-form table td input.mail,
#contents div#trust-form.contact-form table td input.address,
#contents div#trust-form.contact-form table td input.tel{
	width: 90%;
}

#contents div#trust-form.contact-form table td textarea{
	width: 90%;
}

#contents div#trust-form.contact-form table th .submessage{
	line-height: 1.5em;
	font-size: 0.7em;
}

/* @end */

/* @group news */
body.news{
	background: #fffeff url(common/bg_plan.gif) repeat-x;
}

.news #contents{
	padding-top: 370px;
	background: url(common/maingraphic_news.jpg) no-repeat;
}

.news #contents #longcenterblock{
	width: 620px;
	float: left;
}

.news .newsblock{
	margin-bottom: 80px;
}

.news #subblock ul {
	margin-bottom: 30px;
}

.news #subblock li {
	border-bottom: dotted 1px #888;
	list-style-type: none;
}

.news #subblock li a{
	display: block;
	font-size: 0.9em;
	line-height: 1.3em;
	padding: 4px 2px 4px 1px;
	text-decoration: none;
}

.news #subblock li a:hover{
	background-color: #eee;
}

/* @end */



/* @end */

/* iPads (portrait) ----------- */

@media screen and (min-width : 640px) 
and (max-width : 990px) {
	body{-webkit-text-size-adjust:none;}
	
#wrapper #header{
	width: 100%;
	height: auto;
	word-break:break-all;
}

#wrapper #contents{
	width: 100%;
	height: auto;
	word-break:break-all;
}

#wrapper #contents #text{
	width: 95%;
	height: auto;
	word-break:break-all;
}

#wrapper #text #mainblock{
	width: 67%;
	height: auto;
	word-break:break-all;
}

#wrapper.form #text #mainblock{
	width: 100%;
}

#wrapper.member-list #text #mainblock{
	width: 50%;
}

#wrapper.member-list #text #subblock{
	width: 49%;
}
				
#wrapper #text #subblock{
	width: 25%;
	height: auto;
	word-break:break-all;
}
		
#wrapper #footer{
	width: 100%;
	height: auto;
	word-break:break-all;
}

/* @group header */
#wrapper #header1{
	width: 100%;
	height: 115px;
	background-image: none;
}

#wrapper div#sitelogo{
	clear: both;
	float: none;
	width: 320px;
	margin: 0 auto;
	padding-top: 10px;
	padding-right: 15px;
}

#wrapper div#sitecatch{
	margin: 5px auto 0;
}

#wrapper #header2{
	width: 100%;
	margin: 0 auto;
}

#wrapper #header2 ul#menu-main_nav{/*★*/
	width: 100%;
	height: auto;
}



#header2 ul#menu-main_nav2{/*★*/
	width: 100%;
}

ul#menu-main_nav2 li a {
	padding: 18px 4px 10px 4px;
	line-height: 1em;
	font-size: 14px;
	letter-spacing: -1px;
}


#wrapper ul#menu-main_nav li a {
	padding: 0 16px;
}

/* @end */

/* @group contents */
#wrapper #maingraphicband #maingraphic {
	font-size: 20px;
	margin: 0px auto;
	padding-top: 20px;
}

#wrapper #maingraphicband #maingraphic h1{
	hGeight: 100%;
	padding: 80px 0px 0 20px;
	margin-bottom: 0;
	pGosition: absolute;
	top: 50%;
	margin-top: -0.5em;
}

#wrapper.spec #maingraphicband #maingraphic h1{
	text-align: right;
	color: #333;
}

#wrapper #text #mainblock img{
	width: 100%;
	height: auto;
}

#wrapper.member-list #text #mainblock img{
	width: 130px;
	height: auto;
}
	
	#wrapper #block-sidebar{
		border-top: 2px dotted #aaa;
		padding-top: 20px;
		clear: both;
		float: none;
		width: 100%;
	}

	#wrapper #block-sidebar ul.submenu li,
	#wrapper #block-sidebar ul ul li{
		margin-right: 6px;
		width: 165px;
		overflow: hidden;
	}

	#wrapper #wpblog #block-sidebar ul.submenu li,
	#wrapper #wpblog #block-sidebar ul li.widget_recent_entries ul li a{
		height: 60px;
	}

	#wrapper.piece.list #contents #mainblock{
		width: 100%;
		float: none;
	}

#wrapper.piece.single #maingraphicband #maingraphic {
	padding-top: 0px;
}

#wrapper.piece ul#works li{
	width: 31%;
	height: 350px;
	margin-bottom: 35px;
	overflow: hidden;
}

#wrapper.dictionary #contents #mainblock{
	width: 100%;
}

#wrapper #contents iframe.video{
	height: 350px;
}

/* @group college */

#wrapper.college #maingraphicband #maingraphicband,
#wrapper.college #maingraphicband #maingraphic{
	height: 360px;
}

#wrapper.college #maingraphicband #maingraphic #seriestitle{
	padding: 230px 10px 25px 20px;
	margin-bottom: 0;
	color: #fff;
	font-size: 13px;
	line-height: 1.3em;
	letter-spacing: 1px;
	text-shadow: rgba(0,0,0,1) 0px 0px 5px;
}

#wrapper.college #maingraphicband #maingraphic h1{
	padding: 0px 20px 0 20px;
	font-size: 34px;
}

#wrapper.college #maingraphicband #maingraphic #speaker{
	padding: 0px 20px 0 22px;
	font-size: 16px;
}



#wrapper.college #contents #mainblock{
	width: 90%;
}

/* @end */

/* @group promise */
.promise #contents #maingraphicband{
	padding-bottom: 80px;
}

.promise #maingraphicband #maingraphic h1{
	width: 100%;
	padding: 0!important;
	margin: 0!important;
}

.promise #maingraphicband #maingraphic h1 img{
	width: 90%;
	max-width: 650px;
	height: auto;
	padding: 0!important;
	margin: 0!important;
	position: absolute;
	bottom: 0px;
	left: 5%;
}

#wrapper.promise #contents #mainblock{
	width: 90%;
	float: none;
	margin-left: 5%;
}

/* @end */

/* @group top */

.top #wrapper #header{
	width: 100%;
	height: 250px;
	position: relative;
	margin-bottom: 40px;
	background-repeat: no-repeat;
	background: url(common/bg_top_2.jpg) no-repeat center center;
	padding-bottom: 5px;
}

.top #wrapper #header1{
	width: 95%;
	margin: 0 auto;
	height: 200px;
}

.top #wrapper #header2{
	position: absolute;
	bottom: -30px;
	left: 2%;
	width: 96%;
	height: 55px;
	background-image: none;
	background-color: #fff;
	box-shadow: 1px 1px 6px #333;　/* Firefox用 */  
	-moz-box-shadow: 1px 1px 3px #333;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #333;　/* Safari,Google Chrome用 */  
}

.top #wrapper div#sitelogo{
	float: right;
	width: 320px;
	margin: 0;
}

#moribito.top #contents #dataarea{
	width: 100%;
	text-indent: -9999px;
	background-image: url(/images/top_copy.png);
	-moz-background-size: contain;
	background-size: contain;
	background-repeat: no-repeat;
}

.top #wrapper #contents #contentsarea{
	width: 95%;
	overflow: hidden;
	margin: 10px auto 0;
}

.top #wrapper #contents #mainblock{
	width: 100%;
}

.top #wrapper #subblock{
	float: none;
	clear: both;
	margin: 50px 0 30px 0;
	width: 100%;
}

.top #wrapper #subblock h3{
	padding-top: 15px;
}

.top #wrapper #subblock ul.memberlist li{
	float: left;
	width: 175px;
	height: 100px;
}

.top #wrapper #subblock ul.submenu{
	clear: both;
}

.top #wrapper #subblock ul.submenu li{
	float: left;
	width: 175px;
}

/* @end */

/* @group top2 */

.top2015 #wrapper #header{
	width: 100%;
	hGeight: 500px;
	hGeight: auto;
	bGackground: #744012 url(common/bg_top_3.jpg) no-repeat center top;
	background-size: cover;
}
.top2015 #wrapper #header21{
	width: 100%;
	margin: 0;
	hGeight: 476px;
	background-image: none;
}


.top2015 #wrapper #header21 #top_logo{
	width: 40%;
	margin-top: 200px;
	margin-right: 15px;
}

.top2015 #wrapper #header21 #top_panel{
	width: 45%;
	max-width: 350px;
	margin-top: 40px;
	margin-left: 15px;
}

.top2015 #wrapper #header21 #top_panel img,
.top2015 #wrapper #header21 #top_logo img{
	width: 100%;
	height: auto;
}



.top2015 #wrapper #header22{
	width: 98%;
	height: 65px;
	margin: 0 auto;
	background-image: none;
}

#header22 ul#menu-main_nav2{/*★*/
	width: 100%;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	background-color: #fff;
}

.innerbox{
	width: 100%;
	margin: 20px auto 0;
}

#block_promise h2{
	width: 90%;
	font-size: 18px;
	margin: 0 auto 30px;
}

#block_promise h2 br{
	display: none;
}

#block_promise ul li{
	width: 180px;
	height: 215px;
}

#block_piece .rightside{
	width: 40%;
	margin-right: 3%;
}

#block_piece .leftside{
	width: 55%;
	margin-left: 2%;
}

#block_piece .leftside ul li{
	width: 48%;
	max-width: 190px;
	height: 220px;
	margin: 0 1% 0px;
	font-size: 13px;
	line-height: 1.4em;
	display: inline-block;
}

#block_sozai ul li{
	width: 33%;
}


#block_company .leftside{
	dGisplay: none;
}

#block_company .middleside{
	wGidth: 260px;
	width: 48%;
	float: left;
	text-align: center;
}

#block_company .rightside{
	width: 340px;
	width: 48%;
	float: left;
	text-align: left;
}


#block_company .leftside{
	width: 30%;
	float: left;
	margin-right: 1%;
	text-align: center;
}

#block_company .leftside img{
	width: 100%;
	height: auto;
}

#block_company .middleside{
	width: 20%;
	float: left;
	text-align: center;
}

#block_company .middleside img{
	width: 100%;
	max-width: 168px;
	height: auto;
}

#block_company .rightside{
	width: 45%;
	margin-left: 3%;

}

#block_moribico .innerbox{
	width: 90%;
	max-width: 320px;
	padding: 90px 0 0 250px;
}

/* @end */

/* @group top2016 */
.top2016 #block_piece .leftside{
	width: 100%;
	margin: 0 auto 20px;
	float: none;
}

.top2016 #block_piece .rightside{
	width: 90%;
	margin: 0 auto 20px;
	float: none;
}

.top2016 #block_piece .leftside ul li{
	width: 200px;
	height: 230px;
}

.top2016 #block_piece h2{
	margin: 0 auto 20px;
}

.top2016 #block_piece p{
text-align: center;
}

/* @end */


/* @end */

/* @group footer */
#wrapper #footer{
	width: 98%;
	position: relative;
}

#wrapper #footer #toPageTop{
	position: absolute;
	right: 0px;
}

#wrapper #footer #footmenublock{
	margin-top: 13px;
}

#wrapper #footer #footmenublock #footblock21{
	margin-bottom: 20px;
	pGadding-bottom: 20px;
}

#wrapper #footer #footmenublock #footblock5{
	float: none;
	width: 100%;
	clear: both;
	margin: 20px 0 30px 0;
	padding: 20px 0 0 0;
	border-left: none;
	border-top: 1px dotted #fff;
}

#wrapper #footer #credit{
	margin: 20px auto 10px auto;
	width: 90%;
	text-align: center;
}


/* @end */
}

/* iPhone ----------- */

@media screen and (max-width: 640px){
	body{-webkit-text-size-adjust:none;}
	
	#wrapper #header{
		width: 100%;
        height: auto;
        word-break:break-all;
	}


	#wrapper #contents{
		width: 100%;
        height: auto;
        word-break:break-all;
	}

	#wrapper #footer{
		width: 98%;
        height: auto;
        word-break:break-all;
	}

	#wrapper .pc{
		display: none!important;
	}

	#wrapper .mobile{
		display: block;
	}
	
/* @group header */

#wrapper #header{
	background-position: center bottom;
}

#wrapper #header1{
	width: 100%;
	height: 140px;
}

#wrapper div#sitelogo{
	float: none;
	margin: 4px auto 0px auto;
}


#wrapper div#sitecatch{
	margin: 5px auto 0;
}

#wrapper #mobile_nav_block{
	display: block;
}

#wrapper #header1 ul#menu-shoulder_nav{
	display: none;
}

#wrapper #header2 ul
#wrapper #header22 ul{
	display: none;
}

#header2band{
	display: none;
}


#wrapper #mobile_nav_block li{
	wGidth: 100%;
	display: none;
}

#wrapper #mobile_nav_block #navswitch{
	display: block;
	background-color: #000;
	color: #fff;
	text-decoration: none;
	padding: 9px 8px;
	font-size: 15px;
	border-top: #444 1px solid;
	font-weight: bold;
}

#wrapper #mobile_nav_block #navswitchbtn{
	border: 1px solid #ccc;
	color: #fff;
	width: 120px;
	margin: 0 auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

#wrapper #mobile_nav_block #navswitch i{
	color: #fff;
	font-size: 15px;
}

#wrapper #mobile_nav_block #navswitchbtn:hover{
	background-color: #999;
}

#wrapper #mobile_nav_block a#navswitch:hover{
	color: #bbb;
}

#wrapper #mobile_nav_block li a{
	display: block;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	tGext-align: center;
	padding: 9px 8px;
	font-size: 15px;
	border-top: #555 1px solid;
}

#wrapper #mobile_nav_block ul.sub-menu li a{
	padding-left: 23px;
}

#wrapper #mobile_nav_block li a i{
	color: #fff;
	padding: 9px 8px;
	font-size: 15px;
}

#wrapper #mobile_nav_block li a:hover{
	background-color: #666;
	color: #f00;
}

/* @end */

/* @group contents */
#wrapper #maingraphicband #maingraphic h1{
	padding: 0px 0px 0 20px;
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	margin-top: -0.7em;
	font-size: 33px;
}

#wrapper #contents #text{
	width: 92%;
	height: auto;
	word-break:break-all;
	margin: 0 auto;
}

#wrapper #text #mainblock{
	width: 100%;
	float: none;
	height: auto;
	word-break:break-all;
	padding-bottom: 0px;
	margin-bottom: 40px;
	bGorder-bottom: 1px dotted #888;
}

#wrapper #text #mainblock img{
	wGidth: 100%;
	max-width: 100%;
	height: auto;
	float: none;
}

#wrapper #text #subblock{
	float: none;
	height: auto;
	word-break:break-all;
	width: 98%;
	margin: 0 auto;
}

#wrapper #text #subblock li a{
	font-size: 14px;
	pGadding: 10px 6px;
}

#wrapper #Gmainblock ul#works li a{
	font-size: 0.9em;
	line-height: 1em;
	display: block;
}


#wrapper #contents h2.entrytitle{
	font-size: 1.6em;
}

#wrapper.member ul#works li,
#wrapper.piece ul#works li{
	width: 45%;
	height: 260px;
	margin-bottom: 35px;
	overflow: hidden;
}

#wrapper.dictionary ul#works li{
	width: 47%;
	height: 230px;
	margin: 0 2px 15px 3px;
	overflow: hidden;
}

#mainblock ul#works li h4,
#mainblock2 ul#works li h4{
	margin-left: 5px;
	margin-right: 5px;
}

#wrapper.member ul#works li p,
#wrapper.dictionary ul#works li p,
#wrapper.piece ul#works li p{
	font-size: 12px;
	line-height: 1.3em;
	margin-left: 5px;
	margin-right: 5px;
	width: 95%;
}

#wrapper.dictionary ul#works li{
	height: 170px;
}

#wrapper.dictionary ul#works li br{
	display: none;
}

#wrapper.dictionary ul#works li img,
#wrapper.piece ul#works li img{
	width: 100%;
	height: auto;
}

#wrapper #mainblock ul#works li .companyname,
#wrapper #mainblock2 ul#works li .companyname{
	font-size: 10px;
	padding-left: 4px;
	padding-right: 4px;
}

#wrapper #contents h1#housename{
	font-size: 2.0em;
	line-height: 1.2em;
}

#wrapper #contents #catchcopy p{
	font-size: 1.3em;
}

#wrapper #contents #catchcopy p br{
	display: none;
}

#wrapper #memberinfo .formbtn{
	width: 90%;
}

#wrapper.member-list #text #mainblock img{
	width: 130px;
	height: auto;
}

#wrapper.piece #companyname{
	display: block;
}

#wrapper #contents iframe.video{
	height: 260px;
}

/* @group pintarest */

#text #pintarest-block ul li{
	padding: 10px 3px 20px 3px;
	width: 140px;
	height: 165px;
}

#text #pintarest-block ul li a{
text-decoration: none;
font-size: 14px;
line-height: 1em;
font-weight: bold;
color: #999;
}

#text #pintarest-block ul li a img{
margin-bottom: 0;
}

/* @end */

/* @group college */

#wrapper.college #maingraphicband #maingraphicband,
#wrapper.college #maingraphicband #maingraphic{
	height: 260px;
	overflow: visible;
}

#wrapper.college #maingraphicband #maingraphic #seriestitle{
	padding: 0px 0% 0px 2%;
	font-size: 13px;
	margin: 0px auto 0;
	width: 98%;
	position: absolute;
	top: 145px;
	letter-spacing: 0;
}

#wrapper.college #maingraphicband #maingraphic h1{
	padding: 0px 2% 0px 2%;
	font-size: 27px;
	margin: 0px auto 0;
	width: 96%;
	top: 170px;
}

#wrapper.college #maingraphicband #maingraphic #speaker{
	padding: 0px 2% 0px 2%;
	margin: 0px auto 0;
	width: 96%;
	font-size: 14px;
	position: absolute;
	top: 235px;
}

#wrapper.organic_college2016_5 #maingraphicband #maingraphic #speaker{
	top: 205px;
}

/* @end */

/* @group promise */
#wrapper.promise #contents #maingraphicband{
	padding-bottom: 45px;
}

#wrapper.promise #maingraphicband #maingraphic h1{
	padding: 0!important;
	margin: 0!important;
}

#wrapper.promise #maingraphicband #maingraphic h1 img{
	width: 90%;
	height: auto;
	padding: 0!important;
	margin: 0!important;
	position: absolute;
	bottom: 20px;
	left: 5%;
}

#wrapper.promise #contents #mainblock{
	float: none;
	margin-left: 0;
}

#wrapper.promise .nextpagelink a{
	font-size: 16px;
	line-height: 1.2em;
	display: block;
	padding: 11px 10px;
	margin-left: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#wrapper #promisemenu ul li {
	margin-bottom: 18px;
}

#wrapper #promisemenu ul li a {
	padding: 0 0 0 4px;
	font-size: 15px;
}

.promise_7 ul#members{
	width: 100%;
	margin: 0 auto;
	border-top: 1px dotted #aaa;
	margin-bottom: 50px;
}

.promise_7 ul#members li a img{
	float: none;
}

.promise_7 ul#members li .datablock{
	width: 100%;
	float: none;
	margin-left: 0;
	line-height: 1.5em;
	color: #888;
}

/* @end */

/* @group form */
#Gwrapper.form_bioplus #contents div#trust-form.contact-form table th {
	width: 100px;
}

#wrapper.form_ecohana #maingraphicband #maingraphic h1,
#wrapper.form_sastina #maingraphicband #maingraphic h1,
#wrapper.form_bioplus #maingraphicband #maingraphic h1,
#wrapper.form_kamezu #maingraphicband #maingraphic h1,
#wrapper.form_kominka #maingraphicband #maingraphic h1,
#wrapper.form_daimon #maingraphicband #maingraphic h1{
	padding: 0px 60px 0 10px;
	margin-bottom: 0;
	position: absolute;
	top: 40%;
	font-size: 20px;
	line-height: 1.3em;
}

#wrapper.form #contents div#trust-form.contact-form table th {
	width: 100%;
}

#contents div#trust-form.contact-form table td select,
#contents div#trust-form.contact-form table td input.name,
#contents div#trust-form.contact-form table td input.mail,
#contents div#trust-form.contact-form table td input.address,
#contents div#trust-form.contact-form table td input.tel{
	width: 90%;
}

#contents div#trust-form.contact-form table {
	wGidth: 50%;
}

/* @end */

/* @group top */
.top li#btn_inquiry,
.top #header2{
	display: none;
}

.top #wrapper #header1{
	height: 280px;
}

.top #wrapper #contents #dataarea{
	width: 360px;
	height: 100px;
	text-indent: -9999px;
	background-image: url(/images/top_copy3.png);
}

.top #wrapper #contents #contentsarea{
	width: 95%;
	overflow: hidden;
	margin: 10px auto 0;
}

.top #wrapper #contents #mainblock{
	width: 100%;
}

.top #wrapper #moribitoblock,
.top #wrapper #dictionaryblock,
.top #wGrapper #genbablock,
.top #wrapper #voiceblock,
.top #wrapper #newsblock{
	float: left;
	width: 45%;
	height: 250px;
	margin: 0 12px 30px 0;
}

.top #wrapper img.maingraphic{
	dGisplay: none;
	width: 100%;
}

.top #wrapper #subblock{
	float: none;
	clear: both;
	margin: 50px 0 30px 0;
	width: 100%;
}

.top #wrapper #subblock h3{
	margin: 50px 0 10px 0;
	padding-top: 30px;
}

.top #wrapper #subblock ul.memberlist li{
	float: left;
	width: 45%;
	height: 90px;
	margin-right: 5px;
}

.top #wrapper #subblock ul.memberlist li img{
	width: 100%;
	height: auto;
}

.top #wrapper #subblock ul{
	clear: both;
}


/* @end */

/* @group top2 */

.Gtop2015 #wrapper #header21{
	width: 100%;
	margin: 0;
	height: 476px;
	background-image: none;
}


.top2015 #wrapper #header21 #top_logo{
	width: 70%;
	margin-top: 0px;
	margin-right: 15px;
	margin: 0 auto 40px;
	padding-top: 20px;
	float: none;
}

.top2015 #wrapper #header21 #top_panel{
	width: 80%;
	max-width: 350px;
	margin-top: 0px;
	margin-left: 15px;
	margin: 0 auto;
	float: none;
}

.top2015 #wrapper #header21 #top_panel img,
.top2015 #wrapper #header21 #top_logo img{
	width: 100%;
	height: auto;
}

.top2015 #wrapper #header22{
	display: none;
}

#block_member ul li{
	width: 150px;
}

#block_member ul li img{
	width: 145px;
	height: auto;
	margin-bottom: 4px;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.6);
}


#block_promise h2{
	width: 90%;
	font-size: 18px;
	margin: 0 auto 30px;
}

#block_promise h2 br{
	display: none;
}

#block_promise ul li{
	width: 160px;
	height: 215px;
}

#block_piece .rightside{
	width: 90%;
	float: none;
	margin: 0 auto;
}

#block_piece .rightside h2{
	margin-top: 0;
}

#block_piece .leftside{
	width: 96%;
	float: none;
	margin: 60px auto 0;
}

#block_piece .leftside ul li{
	width: 48%;
	max-width: 190px;
	height: 220px;
	margin: 0 1% 0px;
	font-size: 13px;
	line-height: 1.4em;
	display: inline-block;
}

#block_sozai ul li{
	width: 50%;
}

#block_company .leftside{
	width: 68%;
	float: left;
	margin-right: 1%;
	text-align: center;
}

#block_company .leftside img{
	width: 100%;
	height: auto;
}

#block_company .middleside{
	wGidth: 260px;
	width: 30%;
	float: left;
	text-align: center;
}

#block_company .middleside img{
	width: 100%;
	max-width: 168px;
	height: auto;
}

#block_company .rightside{
	width: 80%;
	float: none;
	margin: 0 auto 30px;
}

#block_moribico{
	height: 200px;
	background-size: cover;
}

#block_moribico .innerbox{
	width: 170px;
	max-width: 300px;
	pGadding: 90px 0 0 100px;
	padding: 35px 0 0 90px;
	text-align: center;
}

#block_fb iframe{
	width: 300px!important;
}


/* @end */

/* @group top2016 */
.top2016 #block_piece .leftside{
	width: 100%;
	margin: 0 auto 20px;
	float: none;
}

.top2016 #block_piece .rightside{
	width: 90%;
	margin: 0 auto 20px;
	float: none;
}

.top2016 #block_piece .leftside ul li{
	width: 46%;
	height: 230px;
	font-size: 11px;
}

.top2016 #block_piece h2{
	margin: 0 auto 20px;
}

.top2016 #block_piece p{
text-align: center;
}

/* @end */

/* @end */

/* @group footer */
#wrapper #footer{
	width: 98%;
	position: relative;
}

#wrapper #footer #toPageTop{
	position: absolute;
	right: 0px;
}

#wrapper #footer #footmenublock #footermenu{
	display: block;
	overflow: hidden;
	clear: none;
	float: none;
	margin: 10px auto 20px auto;
	padding-left: 0px;
	width: 80%;
}

#wrapper #footerarea #footer #footmenublock{
	margin-top: 13px;
	width: 95%;
	margin: 10px auto;
}

#wrapper #footerarea #footer #footmenublock #footblock21{
	margin-bottom: 20px;
	width: 100%;
}

#wrapper #footerarea #footer #footmenublock #footblock5{
	float: none;
	width: 100%;
	clear: both;
	margin: 20px 0 30px 0;
	padding: 20px 0 0 0;
	border-left: none;
	border-top: 1px dotted #fff;
	overflow: hidden;
}

#wrapper #footerarea #footer #footmenublock #footblock1{
	width: 95%;
	border-bottom: 1px dotted #fff;
}

#wrapper #footerarea #footer #footmenublock li{
	padding: 4px 0;
	margin: 0 5px 15px 0;
	line-height: 0.8em;
	width: 47%;
}

#wrapper #footerarea #footer #footmenublock li a{
	font-size: 14px;
	line-height: 1.2em;
	margin: 0;
	display: inline;
}

#wrapper #footerarea #footer #footmenublock h3#memberlist{
	font-size: 13px;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 15px;
}

#wrapper #footerarea #footer a#sitelogo-footer{
	float: none;
	display: block;
	margin-right: 20px;
	margin-bottom: 20px;
}

#wrapper #footerarea #footer #credit{
	margin: 20px auto 10px auto;
	width: 90%;
	text-align: center;
}


/* @end */
	
}
@media only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2){

}