/*
Theme Name: ops
Theme URI: http://okayamaphotostudioplus.com/okayamaphotostudioplus/
Description: WordPress 3.0の新機能を搭載したカラフルだけど落ち着きのあるデザインのテーマ
Version: 1.4
Author: Mana
Author URI: http://okayamaphotostudioplus.com
*/


@charset "utf-8";

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					IMPORT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/


@import url(../../fonts.googleapis.com/3043af938c3487205397e954bd591def.css);
@import url(../../fonts.googleapis.com/earlyaccess/notosansjapanese.css);



/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					RESET

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body{line-height:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option{margin:0;padding:0;line-height:1;font-size:100%;
/*==================================================
Base Font
====================================================*/
font-family:'Lato','Noto Sans Japanese','メイリオ',Meiryo,'Osaka',Osaka,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}
#Logo,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th {text-align:left;}fieldset,img,abbr,acronym{border:0;margin: 0px;vertical-align: bottom;}object,embed,th,td{vertical-align: top;}address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}a,ins,del{text-decoration: none;}q:before,q:after {content:'';}* html body{font-size: 65%;}*+html body{font-size: 65%;}html{overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: scroll;}strong{font-weight: bold;}em{font-style: italic;}del{text-decoration: line-through;}a{cursor:pointer;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
FLOAT
====================================================*/
/*--------------------------------------------------- clf*/
.clf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clf { zoom: 1; } /* IE6 */
*:first-child+html .clf { zoom: 1; } /* IE7 */
.clf {overflow:hidden;}
/*--------------------------------------------------- FLOAT*/
.cmn-fL{float:left !important;}
.cmn-fR{float:right !important;}
.cmn-fC{clear:both !important;}
/*==================================================
TEXT
====================================================*/
/*--------------------------------------------------- FONT*/
.cmn-ffM{font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif !important;}
.cmn-ffG{font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;}
.cmn-fwB{font-weight:bold !important;}
.cmn-fwN{font-weight:normal !important;}
/*--------------------------------------------------- ALIGN*/
.cmn-taC{ text-align:center !important;}
.cmn-taL{ text-align:left !important;}
.cmn-taR{ text-align:right !important;}
/*==================================================
BACKGROUND & BOEDER
====================================================*/
.cmn-bgN{background:none !important;}
.cmn-bdrN{border:none !important;}
/*==================================================
LAYOUT
====================================================*/
/*--------------------------------------------------- MARGIN*/
.cmn-m0{ margin:0 !important;}
.cmn-mT0{ margin-top:0 !important;}
.cmn-mT5{ margin-top:5px !important;}
.cmn-mT10{ margin-top:10px !important;}
.cmn-mT15{ margin-top:15px !important;}
.cmn-mT20{ margin-top:20px !important;}
.cmn-mT30{ margin-top:30px !important;}
.cmn-mT40{ margin-top:40px !important;}
.cmn-mT50{ margin-top:50px !important;}
.cmn-mB5{ margin-bottom:5px !important;}
.cmn-mB10{ margin-bottom:10px !important;}
.cmn-mB15{ margin-bottom:15px !important;}
.cmn-mB20{ margin-bottom:20px !important;}
.cmn-mB30{ margin-bottom:30px !important;}
.cmn-mB40{ margin-bottom:40px !important;}
.cmn-mB50{ margin-bottom:50px !important;}
/*==================================================
NO STYLE
====================================================*/
.cmn-noStyle{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	text-decoration:none !important;
	float:none !important;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					LAYOUT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
DEFAULT
====================================================*/
html{
	width:100%;}
body {
	width: 100%;
	font-size: 16px;
	color: b29e65;
	overflow: hidden;
}
/*==================================================
HEADER
====================================================*/
#Header{
	max-width:940px;
	height:145px;
	margin:0 auto;
	position:relative;}
#Header #Logo{
	width:220px;
	height:70px;
	margin:0 0 0 -110px;
	position:absolute;
	left:50%;
	top:20px;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
#Header #HdrInfo{
	/*width:245px;*/
	width:78px;
	height:16px;
	position:absolute;
	right:0;
	top:65px;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
#Header #HdrInfo li{
	width:36px;
	height:16px;
	float:left;}
#Header #HdrInfo li#HdrTel{
	width:167px;}
#Header #HdrInfo li#HdrTel .Icon{
	display:inline-block;
	width:25px;
	height:16px;
	background:url(../images/common/hdr_icon_tel.png) left top no-repeat;}
#Header #HdrInfo li#HdrFb{
	width:41px;}
/*--------------------------------------------------- HEADER NAVI*/
#HdrNavi{
	max-width:940px;
	margin:0 auto;}
#HdrNavi.Fixed{
	max-width:initial;
	max-width:auto;
	width:100%;
	height:56px;
	position:fixed;
	top:0;
	left:0;
	background:#FFF;
	z-index:50;}
#HdrNavi.Fixed ul{
	max-width:940px;
	margin:0 auto;}
#HdrNavi > ul > li{
	width:14.28%;
	height:56px;
	position:relative;
	float:left;
	text-align:center;}
#HdrNavi > ul > li > a{
	display:block;
	width:100%;
	height:56px;
	background:url(../images/common/hdr_navi_on.png) center 900px no-repeat;}
#HdrNavi > ul > li > a:hover{
	background-position:center bottom;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}
#HdrNavi > ul > li > a > span{
	display:block;
	font-size:15px;
	border-left:1px solid #d8d8d8;}
#HdrNavi > ul > li:last-child > a > span{
	border-right:1px solid #d8d8d8;}
#HdrNavi > ul > li > a > span.En{
	line-height:27px;}
#HdrNavi > ul > li > a > span.Ja{
	font-size:10px;
	padding:0 0 7px;
	color:#535353;}
#HdrNavi ul.SubMenu{
	position:absolute;
	width:200%;
	padding:10px 15px 15px;
	background:#000;
	text-align:left;
	box-sizing:border-box;
	top:56px;
	left:0;
	display:none;
	z-index:10;}
#HdrNavi > ul > li:last-child ul.SubMenu{
	left:-100%;}
#HdrNavi > ul > li:hover ul.SubMenu{
	display:block;}
#HdrNavi ul.SubMenu li{
	border-bottom:1px solid #606060;}
#HdrNavi ul.SubMenu li a{
	display:block;
	color:#DCDCDC;
	font-size:14px;
	padding:5px 0;
	line-height:1.5;}
#HdrNavi ul.SubMenu li a:hover{
	color:#FFF;
	text-shadow:0 0 3px rgba(255,255,255,0.2);
	background:rgba(255,255,255,0.05);}
/*--------------------------------------------------- HEADER MENU*/
#SpHdrMenu{
	display:none;
	position:absolute;
	right:0;
	top:0;
	width:105px;
	height:105px;
	background:url(../images/common/sp_menubt.jpg) center center no-repeat;}
/*==================================================
CONTENTS
====================================================*/
#Wrap{
	clear:both;
	overflow:hidden;}
#TwoLayout{
	max-width:940px;
	margin:0 auto;
	padding:60px 0 30px;}
#MainCnt{
	float:left;
	width:700px;}
#Side{
	float:right;
	width:200px;}
/*--------------------------------------------------- PAGE TITLE*/
#PageTitle{
	width:100%;
	height:200px;
	text-align:center;
	position:relative;
	overflow:hidden;}
#PageTitleBg{
	width:100%;
	position:absolute;
	top:0;
	left:0;}
#PageTitle h1{
	width:100%;
	height:200px;
	text-align:center;
	color:#FFF;
	position:absolute;
	font-weight:bold;
	font-size:28px;
	padding:90px 0 0;}
#PageTitle h1 .ja{
	display:block;
	font-size:14px;
	font-weight:normal;
	padding:10px 0;}
/*--------------------------------------------------- BREAD CRUMBS*/
#BreadCrumbsWrap{
	width:100%;
	padding:20px 0;
	font-size:12px;
	border-bottom:1px solid #d8d8d8;}
#BreadCrumbs{
	max-width:940px;
	margin:0 auto;}
table {
width: 100%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}
/*==================================================
SIDEBAR
====================================================*/


/*==================================================
FOOTER
====================================================*/
#Footer li, #Footer a, #Footer a:link, #Footer a:hover, #Footer a:visited, #Footer a:active, #Footer #CopyRight{
	color: #FFFFFF;
}
#FtrReqBt{
	margin:40px auto 50px;
	padding:5px;
	text-align:center;}
#FtrReqBt img{
	max-width:100%;}
#FtrWrap{
	background: #b29e65;
	color: b29e65;
	padding: 15px 0 40px;
}
#Footer{
	max-width: 890px;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}
#pagetop{
    position:fixed;
    right:20px;
    bottom:60px;
    cursor:pointer;}
/*--------------------------------------------------- FOOTER NAVIGATION*/
#FtrNavi{
	text-align:center;
	border-bottom:1px solid #FFFFFF;}
#FtrNavi li{
	display:inline-block;
	margin:0 0 0 65px;}
#FtrNavi li:first-child,#FtrNavi li:first-child{
	margin:0;}
#FtrNavi li a{
	height:40px;
	line-height:40px;
	color:#FFF;}
/*--------------------------------------------------- FOOTER INFOMATION*/
#FtrInfo{
	text-align:center;   
	border-bottom:1px solid #FFFFFF;}
#FtrInfo li{
	display:inline-block;
	margin:0 0 0 20px;}
#FtrInfo li:first-child{
	margin:0;}
#FtrInfo li a{
	display:inline-block;
	line-height:40px;
	color:#FFF;}
#FtrInfo li a img{
	vertical-align:middle;}
#FtrInfo li a#FtrTel{
	padding:0 0 0 30px;
	background:url(../images/common/ftr_icon_tel.png) left center no-repeat;}
#FtrInfo li a#FtrContact{
	padding:0 0 0 30px;
	background:url(../images/common/ftr_icon_mail.png) left center no-repeat;}
#FtrInfo li a#FtrFb{
	padding:0 0 0 23px;
	background:url(../images/common/ftr_icon_fb.png) left center no-repeat;}
	
/*--------------------------------------------------- FOOTER ABOUT*/
#FtrAbout{
	padding:15px 0 20px;}
#FtrAbout h2{
	margin:0 0 20px;}
#FtrAbout #FtrAdress li{
	display:inline-block;
	line-height:30px;
	margin:0 0 0 20px;}
/*--------------------------------------------------- COPY RIGHT*/
#CopyRight{
	font-size:12px;}
/*--------------------------------------------------- PAGETOP*/


/*--------------------------------------------------- COPY*/


/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					MAIN STYLE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
BOX
====================================================*/
.BoxCnt{
	max-width: 1000px;
	margin: 0 auto;
}
/*--------------------------------------------------- BOX2*/
.Box2{
	margin:0 0 0 -30px;}
.Box2 .Box{
	float:left;
	width:465px;
	margin:0 0 0 30px;}
/*--------------------------------------------------- BOX3*/
.Box4{
	margin:0 0 0 -20px;}
.Box4 .Box{
	float:left;
	width:220px;
	padding:0 0 20px 20px;
	margin:0 auto;}
/*--------------------------------------------------- ATTENTION*/
span.Attention{
	font-weight:bold;}
p.Attention{
	margin:20px 0;
	font-weight:bold;
	color:#E00000;}
div.Attention{
	padding:20px;
	margin:20px 0;
	border:1px solid #E00000;
	border-radius:10px;}
/*--------------------------------------------------- PAGE TAB BOX*/
.PageTabBox{
	background:#f0efea;}
.PageTabBox ul{
	margin:0 auto;
	text-align:center;}
.PageTabBox ul li{
	display:inline-block;
	line-height:1;
	font-size:15px;
	padding:30px 0;
	margin:0 15px;}
.PageTabBox ul li:first-child{
	margin:0 15px 0 0;}
.PageTabBox ul li:last-child{
	margin:0 0 0 15px;}
.PageTabBox ul li.On{
	background:url(../images/common/icon_pagetab.png) center bottom no-repeat;}
.PageTabBox ul li.On a{
	text-decoration:underline;}
/*--------------------------------------------------- IMG BOX*/
.ImgBox{
	margin:0 0 60px;}
.ImgBox.Img320 .Img{
	width:320px;}
.ImgBox.Img320 .Txt{
	width:540px;}
.ImgBox.Img380 .Img{
	width:380px;}
.ImgBox.Img380 .Txt{
	width:450px;}
.ImgBox .ImgBoxLeft{
	float:left;}
.ImgBox .ImgBoxRight{
	float:right;}
/*--------------------------------------------------- GRAY IMG TITLE*/
.GrayImgTitleWrap{
	background:#282828;}
.GrayImgTitle{
	max-width:940px;
	margin:20px auto 80px;}
.GrayImgTitle .Img{
	width:375px;
	float:left;}
.GrayImgTitle .Txt{
	width:565px;
	float:right;}
#Main .GrayImgTitle .Txt h3{
	color:#FFF;
	font-size:25px;
	font-weight:normal;
	line-height:175px;
	text-align:center;}
/*==================================================
BACKGROUND
====================================================*/
.BgGray{
	background:#f0efea;}
/*==================================================
IMG
====================================================*/
#Main img{
	max-width:100%;}
/*==================================================
TITLE
====================================================*/
/*--------------------------------------------------- H2*/
#Contents h2{
	margin:40px 0 20px;
	padding:0 20px 12px;
	font-size:24px;
	line-height:1.5;
	font-weight:normal;
	text-align:center;
	background:url(../images/common/cnt_ttl_bg.png) center bottom no-repeat;}
#Main h2.TitleImg{
	margin:0;
	padding:0;}
/*--------------------------------------------------- H3*/
#Main h3{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:bold;}
#Main h3.TitleImg{
	margin:0;
	padding:0;}
/*==================================================
TEXT
==================================================*/
#Main p{
	line-height:1.8;}
/*--------------------------------------------------- COMMON*/
#Main p.TxtCmn{
	font-size:14px;
	margin:0 0 1em;
	text-align:justify;}
/*--------------------------------------------------- Catch*/
#Main p.Catch{
	font-size:36px;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-align:center;
	line-height:1.5;
	padding:50px 20px 40px;}
#Main p.SubCatch{
	font-size:20px;
	text-align:center;
	line-height:1.5;
	padding:70px 20px;}
.SpBr{
	display:none;}
/*==================================================
LINK
====================================================*/
/*--------------------------------------------------- COLOR*/
a{
	color: #1a1a1a;
	text-decoration:none;
	cursor:pointer;}
a:link {
	color: #1a1a1a;}
a:visited {
	color: #1a1a1a;}
a:hover {
	color: #1a1a1a;
	text-decoration: none;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
a:active {
	color: #1a1a1a;
	text-decoration: none;}
/*--------------------------------------------------- IMG HOVER*/
a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
/*--------------------------------------------------- COMMON*/
a.BtCmn {
	display:inline-block;
	vertical-align:middle;
	padding:3px 5px;
	font-size:14px;
	color:#FFF;
	background:#f77602;
	border-radius:5px;
	text-shadow:0 1px 1px rgba(0,0,0,0.3);}
.CmnBt{
	margin:15px 0;
	text-align:center;}
.CmnBt a{
	min-width:110px;
	padding:15px 20px;
	display:inline-block;
	font-size:14px;
	color:#FFF;
	background:#000;}
/*--------------------------------------------------- COMMON*/
.CmnBtNext{
	margin:30px 0;
	text-align:center;}
.CmnBtNext a{
	padding:10px 50px 10px 30px;
	display:inline-block;
	font-size:14px;
	color:#FFF;
	line-height:24px;
	border-radius:3px;
	background:#161616 url(../images/common/icon_bt.png) right center no-repeat;}
/*==================================================
LIST
==================================================*/
#Main ul li{
	line-height:1.7;}
/*--------------------------------------------------- COMMON*/
#Main ul.ListCmn li{
	padding:10px 15px;
	border-bottom:1px dotted #CCC;}
/*--------------------------------------------------- ROWLIST*/
.RowListWrap{
	padding:0 0 25px;
	margin:0 0 25px;
	border-bottom:1px solid #cfcfcf;}
.RowListWrap dl{
	display:table-row;}
.RowListWrap dl dt{
	display:table-cell;
	width:220px;
	border-left:1px solid #cfcfcf;
	border-right:1px solid #cfcfcf;
	vertical-align:middle;
	text-align:center;
	font-size:24px;}
.RowListWrap dl dd{
	display:table-cell;
	padding:0 0 0 45px;
	text-align:justify;
	font-size:15px;
	line-height:1.5;}
/*==================================================
TABLE
==================================================*/
#Main table{
	width:100%;}
#Main table th, #Main table td{
	padding:20px;
	line-height:1.5;
	vertical-align:top;
	font-size:16px;
	background:#fafafa;
	border-left:1px solid #FFF;
	border-bottom:1px solid #FFF;}
#Main table th {
	white-space:nowrap;
	background:#f0f0f0;}
#Main table.TableCmn{
	margin:20px 0;}
#Main table.Center th, #Main table.Center td, #Main table th.Center, #Main table td.Center{
	text-align:right;}
#Main table.Right th, #Main table.Right td, #Main table th.Right, #Main table td.Right{
	text-align:right;}
#Main table td h3{
    border-bottom:1px solid #ccc;
    padding:20px 0 10px;
	margin:0 0 5px;
	font-weight:normal;
	font-size:18px;}
#Main table td h3:first-child{
    padding:0 0 10px;}
/*==================================================
FORM
====================================================*/

/*--------------------------------------------------- INPUT : TEXT, EMAIL, PASS, NUMBER, TEL, TEXTAREA*/
#Main input[type="text"],#Main input[type="email"],#Main input[type="pass"],#Main input[type="tel"],#Main textarea,#Main input[type="number"]{
	margin:3px;
	padding:5px 10px;
	border:1px solid #CCC;
	font-size:16px;
	line-height:1.5;
	background:#f9fafa;}
/*--------------------------------------------------- INPUT : SUBMIT BUTTON RESET*/
#Main input[type="submit"],#Main input[type="reset"],#Main input[type="button"], #Main a.BtInput{
	margin:20px 10px;
	display:inline-block;
	text-align:center;
	font-size:16px;
	padding:10px 20px;
	cursor:pointer;
	border:1px solid #CCC;
	border-radius:5px;
	box-shadow:0 2px 2px rgba(0,0,0,0.2);}
#Main input[type="submit"],#Main a.BtInput{
	background:#000;
	color:#FFF;}
#Main input[type="submit"]:hover{
	background:#007FDB;}
#Main input[type="reset"], #Main a.BtInput.Gray{
	background:#666;
	color:#FFF;}
/*--------------------------------------------------- INPUT : RADIO*/
#Main input[type="radio"]{
	margin:0 10px 0 0;
	cursor:pointer;}
/*--------------------------------------------------- SELECT OPTION*/
#Main selecet:-ms-expand {
	display: none;
}
#Main select{
	vertical-align:middle;
	border:1px solid #CCC;
	padding:3px 10px;
	font-size:16px;
	background:#f9fafa;}
#Main option{
	border-bottom:1px solid #CCC;
	padding:5px 10px;
	font-size:14px;}
/*--------------------------------------------------- LABEL*/
#Main label{
	margin:0 10px 3px 0;
	display:block;
	padding:3px 5px;
	cursor:pointer;
	white-space:nowrap;}
/*--------------------------------------------------- FOCUS*/
#Main input, #Main textarea, #Main label, #Main select{
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
#Main input:focus, #Main textarea:focus, #Main label:focus, #Main select:focus{
	border:1px solid #007FDB;
	box-shdow:0 0 10px #007FDB;
	background:#FFF;
	outline:none;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					TOP

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#TopSlider{
	position:relative;
	width:100%;
	/*max-height:500px;*/
	min-height:250px;
	overflow:hidden;}
#TopSlider:before {
    content:"";
    display: block;
    padding-top: 41%; /* 高さを幅の75%に固定 */
}
#TopSlider .TopSldCnt{
	width:100%;
	height:auto;
	max-height:500px;
	position:absolute;
	top:0;
	left:0;
	display:none;}
#TopSlider .TopSldCnt img.TopSldBg{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:50%;
	margin:0 0 0 -50%;}

/*==================================================
TOP NEWS
====================================================*/
#TopNews{
	max-width:920px;
	margin:40px auto 0;
	padding:10px;
	text-align:center;
	background:#f0efea;}
.TopNewsBox dt,.TopNewsBox dd{
	display:inline-block;
	font-size:15px;
	line-height:1.5;}
.TopNewsBox dd.Title a{
	color:#1BA227;
	border-bottom:1px solid #1BA227;}

.TopNewsBox dd a.Cat:after{
	content:'　';}
/*==================================================
TOP WORKS SLIDER
====================================================*/
.TopWorksSldWrap{
	padding:45px 0 10px;
	overflow:hidden;}
.TopWorksSld{
	width:100%;
	max-width:1020px;
	height:262px;
	overflow:hidden;
	margin:0 auto;
	position:relative;}
.TopWorksSldCnt{
	width:1050px;
	height:262px;
	position:absolute;}
.TopWorksSldCnt li{
	width:320px;
	height:262px;
	float:left;
	margin:0 30px 0 0;}
.TopWorksSldCnt li a{
	width:320px;
	height:262px;
	display:block;}
.TopWorksSldCnt li a .Txt{
	display:table-cell;
	height:50px;
	width:320px;
	vertical-align:middle;
	text-align:center;
	font-size:14px;}
.TopWorksSldNavi{
	text-align:center;
	height:50px;
	width:100%;}
.TopWorksSldNavi a{
	display:inline-block;
	width:20px;
	height:50px;
	background:url(../images/common/cnt_icon_circlenavi.png) left top no-repeat;}
.TopWorksSldNavi a:hover, .TopWorksSldNavi a.On{
	background-position:0 -50px;
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}
.TopWorksSldWrap a.TopWorksPrev, .TopWorksSldWrap a.TopWorksNext{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:88px;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	background:url(../images/common/cnt_icon_prev.png) left top no-repeat;}
.TopWorksSldWrap a.TopWorksPrev:hover, .TopWorksSldWrap a.TopWorksNext:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}
.TopWorksSldWrap a.TopWorksPrev{
	left:-140px;}
.TopWorksSld:hover a.TopWorksPrev{
	left:10px;}
.TopWorksSldWrap a.TopWorksNext{
	right:-140px;
	background-image:url(../images/common/cnt_icon_next.png);}
.TopWorksSld:hover a.TopWorksNext{
	right:10px;}
/*==================================================
THUMNAIL NEWS LIST
====================================================*/
.ThumbNewsListWrap{
	padding:45px 0 10px;}
.ThumbNewsListBox{
	width:100%;
	max-width:1020px;
	margin:0 auto;}
.ThumbNewsList{
	margin:0 0 0 -30px;}
.ThumbNewsList.News{
	padding:0 0 40px;
	margin:0 0 60px -30px;
	background:url(../images/common/bdr_max760.gif) center bottom no-repeat;}
.ThumbNewsList li{
	width:320px;
	float:left;
	margin:0 0 20px 30px;}
.ThumbNewsList li a{
	width:100%;
	display:block;}
.ThumbNewsList li a span{
	display:block;}
.ThumbNewsList li a span.Img{
	width:115px;
	height:115px;
	float:left;}
.ThumbNewsList li a span.Cnt{
	width:185px;
	float:left;
	padding:15px 0 0 20px;}
.ThumbNewsList li a span.Cnt .Info{
	font-size:12px;
	line-height:1.5;
	margin:0 0 5px;}
.ThumbNewsList li a span.Cnt .Title{
	font-size:14px;
	line-height:1.5;
	margin:0 0 5px;}
.ThumbNewsList li a span.Cnt .More{
	font-size:12px;
	line-height:1.5;
	text-decoration:underline;}
.TopBnr01 img{
	max-width:100%;
	box-sizing:border-box;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					CONCEPT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#DukaiWrap{
	max-width:940px;
	margin:0 auto;
	padding:60px 0 50px;}
#Main #DukaiWrap h2{
	margin:0 0 30px;}
#Dukai{
	width:100%;
	height:470px;
	position:relative;
	overflow:hidden;}
#DukaiWrap a#DukaiPrev, #DukaiWrap a#DukaiNext{
	display:block;
	width:40px;
	height:40px;
	position:absolute;
	top:215px;
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	background:url(../images/common/cnt_icon_prev.png) left top no-repeat;}
#DukaiWrap a#DukaiPrev{
	left:80px;}
#DukaiWrap a#DukaiNext{
	right:80px;
	background-image:url(../images/common/cnt_icon_next.png);}
#DukaiWrap a#DukaiPrev:hover, #DukaiWrap a#DukaiNext:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;}
#DukSldCnt{
	width:1300%;
	height:470px;
	position:absolute;
	top:0;
	left:0;}
#DukSldCnt li{
	height:470px;
	float:left;
	text-align:center;}
#DukaiNaviC{
	text-align:center;
	height:50px;
	width:100%;}
#DukaiNaviC a{
	display:inline-block;
	width:20px;
	height:50px;
	background:url(../images/common/cnt_icon_circlenavi.png) left top no-repeat;}
#DukaiNaviC a:hover, #DukaiNaviC a.On{
	background-position:0 -50px;
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}

#ConceptBnr{
	text-align:center;
	padding:40px 10px;}
#ConceptBnr img{
	max-width:100%;}

.EstateBnrBox{
	max-width:535px;
	padding:50px 20px 40px;
	margin:0 auto 30px;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					PROCESS

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#ProcessLayout{
	max-width:850px;
	padding:30px 0 50px;
	margin:0 auto 30px;}
.ProcessHead{
	padding:0 55px 55px;
	border-bottom:1px solid #cfcfcf;}
#Contents .ProcessHead h2{
	margin:40px 0;}
.ProcessBox{
	padding:50px 0;
	border-bottom:1px solid #cfcfcf;}
.ProcessBox:first-child{
	border-top:1px solid #cfcfcf;}
.ProcessBox .Img{
	width:320px;
	float:left;}
.ProcessBox .Txt{
	width:450px;
	float:right;
	padding:10px;}
#Main .ProcessBox .Txt h3{
	margin:0 0 30px;
	font-weight:normal;
	font-size:24px;
	line-height:1.2;}
/*==================================================
FAQ
====================================================*/

#FaqLayout{
	padding:20px 0 50px;}
.FaqBox{
	max-width:850px;
	padding:30px 0;
	margin:0 auto;
	border-bottom:1px solid #cfcfcf;}
.FaqBox:first-child{
	border-top:1px solid #cfcfcf;}
.FaqBox dt .IconQ, .FaqBox dd .IconA{
	width:40px;
	vertical-align:middle;
	padding:5px 10px;
	background:#161616;
	float:left;
	color:#FFF;
	border-radius:3px;
	font-size:15px;}
.FaqBox dd .IconA{
	background:#a8a8a8;}
#Main .FaqBox dt p.Txt{
	padding:0 0 0 85px;
	margin:0 0 25px;
	font-size:16px;
	line-height:1.7;}
#Main .FaqBox dd p.Txt{
	padding:0 0 0 85px;
	font-size:15px;
	line-height:1.7;}
#Main .FaqBox dd p.Txt a{
	color:#799732;}
#Main .FaqBox dd p.Txt a:hover{
	text-decoration:underline;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMPANY

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#Main table.TableCmn td .CompName{
	font-size: 18px;}
#Main #RecruitLayout{
	margin:0 auto 30px;
	padding:0 0 30px;
	max-width:800px;
	border-bottom:1px solid #cfcfcf;}
#Main #RecruitLayout h2{
	margin:60px 0 50px;}

.MapBox{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin:0 0 40px;}
 
.MapBox iframe,
.MapBox object,
.MapBox embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border:none;}
#EngineerArchive{
	width:960px;
	margin:0 auto;}
#EngineerArchive .EngArcRow{
	display:table-row;}
#EngineerArchive .EngArchiveBox{
	display:table-cell;
	width:430px;
	padding:20px 20px 50px;
	border-bottom:20px solid #FFF;
	background:#f0efea;}
#EngineerArchive .EngArchiveBox.Empty{
	display:table-cell;
	width:470px;
	padding:0;
	border-bottom:20px solid #FFF;
	background:none;}
#EngineerArchive .EngArchiveBox.Left{
	border-right:20px solid #FFF;}
.EngArchiveBox .EngArcHead{
	margin:0 0 20px;}
.EngArchiveBox .EngArcHead .Img{
	width:180px;
	float:left;}
.EngArchiveBox .EngArcHead .Txt{
	width:220px;
	float:right;}
#Main .EngArchiveBox .EngArcHead .Txt dl{
	border-bottom:1px solid #bababa;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngName dt{
	padding:10px 0;
	font-size:20px;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngName dd{
	padding:0 0 20px;
	font-size:14px;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngForm dt{
	padding:20px 0 10px;
	font-size:12px;
	color:#6f6f6f;}
#Main .EngArchiveBox .EngArcHead .Txt dl.EngForm dd{
	padding:0 0 20px;
	font-size:14px;}
#Main .EngArchiveBox .EngComment{
	clear:both;
	margin:20px 0 0;}
#Main .EngArchiveBox .EngComment.Resluts{
	margin:20px 0;}
#Main .EngArchiveBox .EngComment p.Title{
	font-size:12px;
	color:#6f6f6f;
	padding:0 0 10px;
	margin:0;}
#Main .EngArchiveBox .EngComment p, #Main .EngArchiveBox .EngComment li, #Main .EngArchiveBox .EngComment dt, #Main .EngArchiveBox .EngComment dd, #Main .EngArchiveBox .EngComment th, #Main .EngArchiveBox .EngComment td{
	font-size:14px;
	line-height:1.5;
	margin:0 0 1em;}

#Main .EngArchiveBox .EngComment p.CmnBtNext{
	text-align:left;
	margin:40px 0 0;}

#Main dl.ReInterview{
	margin:40px 0 0;}
#Main dl.ReInterview dt{
	padding:10px 20px;
	font-size:15px;
	line-height:1.5;
	background:#f0f0f0;}
#Main dl.ReInterview dd{
	padding:20px 20px 40px;
	font-size:14px;
	line-height:1.8;
	text-align:justify;}
#EnginnerSingle #InterViewHead{
	padding:50px 0;
	width:100%;}
#EnginnerSingle #InterViewHead .Img{
	width:450px;
	float:left;}
#EnginnerSingle #InterViewHead .Txt{
	float:right;
	width:450px;
	text-align:center;}
#Main #EnginnerSingle #InterViewHead h3{
	width:100%;
	font-size:30px;
	font-weight:normal;
	padding:80px 0 20px;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
#Main #EnginnerSingle #InterViewHead p.Name{
	width:100%;
	font-size:20px;
	padding:10px 0;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}
#EnginnerSingle .InterViewBox{
	padding:35px 37px;
	max-width:840px;
	border-bottom:1px solid #cfcfcf;
	box-sizing:border-box;
	margin:0 auto;}
#EnginnerSingle .InterViewBox.First{
	border-top:1px solid #cfcfcf;}
#Main #EnginnerSingle .InterViewBox p, #Main #EnginnerSingle .InterViewBox li, #Main #EnginnerSingle .InterViewBox th,#Main #EnginnerSingle .InterViewBox td{
	font-size:15px;}
#Main #EnginnerSingle .InterViewBox p.Img{
	text-align:center;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					POST

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#PageNavi{
	width:200px;
	margin:30px auto;
	padding:15px 0;
	border-top:1px solid #cfcfcf;
	text-align:center;}
#PageNavi span, #PageNavi a{
	display:inline-block;
	padding:5px 10px;
	border-bottom:2px solid #FFF;}
#PageNavi span.current{
	border-bottom:2px solid #1a1a1a;}

#Main #MainCnt .PostContentBox p,
#Main #MainCnt .PostContentBox li,
#Main #MainCnt .PostContentBox dt,
#Main #MainCnt .PostContentBox dd,
#Main #MainCnt .PostContentBox th,
#Main #MainCnt .PostContentBox td{
	font-size:15px;
	line-height:1.7;}
#Main #MainCnt .PostContentBox p,
#Main #MainCnt .PostContentBox ul,
#Main #MainCnt .PostContentBox ol,
#Main #MainCnt .PostContentBox dl,
#Main #MainCnt .PostContentBox table{
	margin:0 0 2em;}
#Main #MainCnt .PostContentBox img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;}
#Main #MainCnt .PostContentBox img{
	max-width:100%;
	height:auto !important;}
#Main #MainCnt .PostContentBox img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;}
#Main #MainCnt .PostContentBox img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;}
#Main #MainCnt .PostContentBox .alignright {
	float: right;}
#Main #MainCnt .PostContentBox .alignleft {
	float: left}
#Main #MainCnt .PostContentBox a:hover{
	text-decoration:underline;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					SIDE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
DAILY
====================================================*/
#Main #Side .SideBox{
	margin:0 0 30px;}
#Main #Side h2{
	font-size:13px;
	margin:10px 0 15px;
	padding:5px 0;
	line-height:1.5;
	text-align:left;
	background:none;
	border-bottom:1px solid #cfcfcf;}
#Main #Side .SideBox ul{
	padding:0 15px;}
#Main #Side .SideBox p, #Main #Side .SideBox li, #Main #Side .SideBox dt, #Main #Side .SideBox dd, #Main #Side .SideBox select, #Main #Side .SideBox th, #Main #Side .SideBox td{
	font-size:13px;
	line-height:1.5;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					REPORT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
DAILY
====================================================*/
.ReportArchiveBox, .ReportSingleBox{
	margin:0 0 30px;}
#Main #MainCnt .ReportArchiveBox h2, #Main #MainCnt .ReportSingleBox h3{
	font-size:18px;
	margin:0;
	padding:5px 0;
	line-height:1.5;
	text-align:left;
	background:none;
	border-bottom:1px solid #cfcfcf;
	font-weight:normal;}
#Main #MainCnt .ReportArchiveBox p.Info, #Main #MainCnt .ReportSingleBox p.Info{
	font-size:12px;
	padding:5px 0;
	line-height:1.5;}

#Main .ReportSingleHead h2{
	font-size:22px;
	font-weight:bold;
	padding:0 0 20px;
	margin:0 0 20px;
	text-align:left;
	background:none;}
#Main .ReportSingleWrap{
	margin:0 0 40px;
	padding:0 0 20px;}
#Contents #Side #SideCal table{
	width:100%;}
#Contents #Side #SideCal table th, #Contents #Side #SideCal table td{
	padding:5px 0;
	margin:0;
	font-size:12px;
	text-align:center;}
#Contents #Side #SideCal table caption{
	font-size:12px;
	line-height:1.5;
	padding:0 0 5px;
	text-align:center;}
#Contents #Side #SideCal table a{
	color:rgba(0,0,0,1);
	text-decoration:underline;}
#Contents #Side #SideCal table a:hover{
	color:rgba(0,0,0,0.5);}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					CONTACT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#ContactPage{
	padding:0 0 90px;}
.ContactBox{
	padding:30px 0;
	text-align:center;}
#Main .ContactBox p{
	margin:0 0 30px;
	text-align:center;
	font-size:14px;
	line-height:1.7;}
#Main .ContactBox p.Tel{
	font-size:19px;}
#Main .ContactBox p.Tel a.TelIcon{
	display:inline-block;
	font-size:24px;
	font-weight:bold;
	padding:0 0 0 35px;
	margin:0 0 0 5px;
	background:url(../images/contact/icon_tel.png) left center no-repeat;}
#Main p.Red, #Main span.Red{
	color:#f13319;}
#CntCfm{
	display:none;}
#Main p.ChuiTxt{
	font-size:15px;}
#Main #ContactForm table.TableCmn{
	border-top:1px solid #d8d8d8;}
#Main #ContactForm table.TableCmn th, #Main #ContactForm table.TableCmn td{
	border:none;
	border-bottom:1px solid #d8d8d8;
	background:none;
	padding:10px 0;
	font-size:15px;
	vertical-align:top;}
#Main #ContactForm table.TableCmn th{
	width:230px;}
#Main #ContactForm table.TableCmn span.Nortice{
	font-size:11px;
	color:#7c7c7c;}
.RadioRow .Item .Radio{
	display:inline-block;
	width:180px;
	overflow:hidden;
	margin:0 20px 0 0;
	vertical-align:middle;
	line-height:34px;
	height:42px;}
.RadioRow .Item{
	display:inline-block;
	vertical-align:middle;}
#Main span.wpcf7-form-control-wrap{
	position:inherit;}
#Main span.wpcf7-list-item{
	margin:0;}
.ContactIcon{
	display:inline-block;
	font-size:13px;
	padding:2px 5px;
	margin:0 0 0 10px;
	background:#e40909;
	color:#FFF;}
.ContactIcon.Any{
	background:#76a32c;}
.ContactIcon.txt{
	margin:0 10px 0 0;}
.ContactNorticeList{
	max-width:740px;
	padding:0 0 0 1em;
	margin:0 auto;}
.ContactNorticeList li{
	font-size:14px;
	line-height:1.5;}
.ContactNorticeList li:first-letter{
	margin:0 0 0 -1em;}



.CmnBtNext a#BtConfirm{
	background-color:#e15737;
	background-image:url(../images/common/icon_bt_red.png);}

#Main input#BtSend{
    border:none;
    box-shadow:none;
    cursor: pointer;
    margin:0;
    text-align: center;
	background:#e15737 url(../images/common/icon_bt_red.png) no-repeat scroll right center;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    padding: 10px 50px 10px 30px;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					WORKS

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#WorksArchivePage{
	max-width:1100px;
	margin:40px auto 0;}
#WorksList{
	margin:0 0 0 -20px;}
.WrkArchiveBox{
	width:260px;
	height:220px;
	float:left;
	margin:0 0 20px 20px;}
.WrkArchiveBox .WrkImg{
	width:100%;
	height:170px;}
.WrkArchiveBox .WrkImg a{
	width:260px;
	height:170px;
	position:relative;
	display:block;}
.WrkArchiveBox .WrkImg .Img{
	width:260px;
	height:170px;
	position:absolute;
	top:0;
	left:0;}
.WrkArchiveBox p.WrksTxt{
	width:260px;
	height:50px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	color:#474747;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					VOICE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#VoiceArchivePage{
	max-width:940px;
	margin:0 auto;}
.VoiceArchiveBox{
	padding:40px 0;
	border-bottom:1px solid #CFCFCF;}
.VoiceImg{
	width:390px;
	float:left;}
.VoiceTxt{
	width:500px;
	float:right;}
#Main .VoiceTxt h3{
	font-size:23px;
	margin:0 0 10px;
	padding:10px 0;
	font-weight:normal;}
#Main .VoiceTxt p.VoicePrace{
	font-size:16px;
	margin:0 0 25px;}
#Main .VoiceTxt .VoiceContent p, #Main .VoiceBtTxt .VoiceContent li{
	font-size:15px;
	line-height:1.8;}
#Main .VoiceTxt .VoiceContent p.CmnBtNext{
	margin:40px 0 0;
	text-align:left;}
#Main .VoiceTxt .VoiceContent p.CmnBtNext .CmnBtNext{
	margin:0;}
#Main #VoiceHead h3{
	text-align:center;
	font-size:25px;
	line-height:25px 0;}
#Main #VoiceHead h3{
	text-align:center;
	font-size:25px;
	line-height:25px 0;
	margin:50px 0 10px;
	font-weight:normal;}
#Main #VoiceHead p.VoicePrace{
	font-size:16px;
	margin:0 0 10px;
	text-align:center;}
.VoiceComBox{
	margin:40px 0;}
.VoComTxt{
	max-width:840px;
	margin:25px 35px 0;
	padding:0 20px 45px;}
#Main .VoComTxt p, #Main .VoComTxt li{
	font-size:13px;
	line-height:1.5;}
.VoComImg{
	text-align:center;}
.VoComment{
	max-width:740px;
	margin:0 50px;
	padding:40px 50px 75px;
	border-top:1px solid #CFCFCF;
	border-bottom:1px solid #CFCFCF;}
#Main .VoComment p, #Main .VoComment li{
	font-size:15px;
	line-height:1.8;}
#Main .VoComment h4{
	font-size:20px;
	margin:10px 0;
	line-height:1.5;}
.VoGaBox{
	max-width:390px;
	margin:0 auto 40px;}
#Main p.VoGaTxt{
	margin:20px 0 0;
	font-size:13px;
	line-height:1.5;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					ENGLISH

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.EnglishBox{
	max-width:940px;
	padding:20px 0 40px;
	margin:0 auto 20px;
	border-bottom:1px solid #CFCFCF;}
#Main dl.EnglishAffi{
	margin:0 0 20px;}
#Main dl.EnglishAffi dt{
	padding:5px;
	margin:10px 0;
	line-height:1.7;
	border-bottom:1px solid #CFCFCF;}
#Main dl.EnglishAffi dd{
	padding:5px;
	line-height:1.7;}
.EnglishHead{
	margin:40px auto 0;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					PRIVACY POLICY

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#Main ul.PrivacyList{
	max-width:740px;
	margin:0 auto 20px;}
#Main ul.PrivacyList li{
	margin:0 auto 20px;
	font-size:15px;
	text-align:justify;
	list-style-type:decimal;
	list-style-position:outside;}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					CAFE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#Main .CafeMain{
	margin:0 auto 90px;}
#Main .CafeMain img{
	max-width:100%;}
#Main #CafePage h3 {
    font-size: 24px;
    font-weight: normal;
    margin:0 0 20px;
    padding:20px 0;}
#CafeInfo{
	display:table;
	width:100%;
	margin:100px 0 0;}
#CafeInfo .Img{
	width:160px;
	display:table-cell;
	vertical-align:top;}
#CafeInfo .Txt{
	padding:0 0 0 60px;
	display:table-cell;
	vertical-align:top;}
#Contents #CafeInfo h2{
    background:none;
    font-size: 31px;
    font-weight: normal;
    line-height: 1.5;
    margin:0 0 10px;
    padding:10px 0;
    text-align:left;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}







/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1200px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1200px){
	#PageTitleBg{
		width:auto;
		height:200px;
		top:0;
		left:50%;
		margin:0 0 0 -600px;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1100px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1140px){
	/*==================================================
	WORKS 1110
	====================================================*/
	#WorksArchivePage{
		max-width:1100px;
		margin:40px auto 0;
		padding:0 20px;}
	#WorksList{
		margin:0;}
	.WrkArchiveBox{
		width:33%;
		height:auto;
		float:left;
		text-align:center;
		margin:0 0 20px;}
	.WrkArchiveBox .WrkImg{
		width:100%;
		height:auto;}
	.WrkArchiveBox .WrkImg a{
		width:100%;
		height:170px;
		position:relative;
		display:block;}
	.WrkArchiveBox .WrkImg .Img{
		width:auto;
		height:auto;
		position:relative;}
	.WrkArchiveBox p.WrksTxt{
		width:100%;
		height:auto;
		display:block;
		text-align:center;
		padding:10px;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1020px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1020px){
	
/*==================================================
TOP 1020
====================================================*/
	.TopWorksSldWrap a.TopWorksPrev{
		left:10px;}
	.TopWorksSldWrap a.TopWorksNext{
		right:10px;}
	.ThumbNewsList, .ThumbNewsList.News{
		margin:0;
		padding:0 20px;}
	.ThumbNewsList.News{
		margin:0 0 20px;}
	.ThumbNewsList li{
		width:50%;
		float:left;
		padding:0 0 20px;
		margin:0;
		box-sizing:border-box;}
	.ThumbNewsList li:nth-child(even){
		padding:0 0 20px 20px;}
	.ThumbNewsList li a{
		display:table-row;}
	.ThumbNewsList li a span.Img{
		display:table-cell;
		width:115px;
		float:none;}
	.ThumbNewsList li a span.Cnt{
		display:table-cell;
		width:auto;
		float:none;
		vertical-align:top;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			940px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:940px){
/*==================================================
HEADER 940
====================================================*/
	#Header #HdrInfo{
		top:100px;
		right:20px;
		text-align:center;}
	#BreadCrumbs{
		padding:0 20px;}
/*==================================================
FOOTER 940
====================================================*/
/*--------------------------------------------------- FOOTER NAVIGATION*/
	#FtrNavi li{
		letter-spacing:normal;
		display:inline-block;
		margin:0 10px;}
	#FtrNavi li:first-child,#FtrNavi li:first-child{
		margin:0 10px;}
	#FtrNavi li a{
		display:inline;
		height:auto;}
/*--------------------------------------------------- FOOTER INFOMATION*/
	#FtrInfo li{
		display:inline-block;
		margin:0 10px;}
	#FtrInfo li:first-child{
		margin:0 10px;}
	#FtrInfo li a{
		display:inline;}
	#FtrAdress{
		padding:0 10px;}
	#FtrAbout #FtrAdress li{
		display:block;
		line-height:30px;
		margin:0;}
/*==================================================
BOX 940
====================================================*/
	.BoxCnt{
		padding:0 20px;}
	.Box4 .Box{
		width:33.333%;
		box-sizing:border-box;}
	.Box4 .Box img{
		width:100%;}
	/*--------------------------------------------------- PAGE TAB BOX*/
	.PageTabBox ul{
		padding:30px 20px;}
	.PageTabBox ul li{
		display:block;
		line-height:1.5;
		padding:5px 0 5px 20px;
		margin:0;
		text-align:left;}
	.PageTabBox ul li:first-child,.PageTabBox ul li:last-child{
		margin:0;}
	.PageTabBox ul li.On{
		background:url(../images/common/icon_pagetab_sp.jpg) left center no-repeat;}
	/*--------------------------------------------------- IMG BOX*/
	.ImgBox{
		margin:0 0 60px;}
	.ImgBox.Img320 .Img,
	.ImgBox.Img380 .Img{
		width:100%;
		text-align:center;
		margin:0 0 20px;}
	.ImgBox.Img320 .Txt,
	.ImgBox.Img380 .Txt{
		width:100%;}
	#CafePage .ImgBox.Img380 .Txt{
		margin:0 0 20px;}
	#CafePage .ImgBox.Img380 .Img{
		margin:0;}
	.ImgBox .ImgBoxLeft{
		float:none;}
	.ImgBox .ImgBoxRight{
		float:none;}
		/*--------------------------------------------------- GRAY IMG TITLE*/
	.GrayImgTitle{
		margin:20px auto 80px;}
	.GrayImgTitle .Img{
		width:100%;
		float:none;
		height:175px;
		overflow:hidden;}
	.GrayImgTitle .Img img{
		width:100%;}
	.GrayImgTitle .Txt{
		width:100%;
		float:none;}
	#Main .GrayImgTitle .Txt h3{
		line-height:1.5;
		padding:20px;}
	#MainCnt{
		width:100%;
		float:none;
		padding:0 20px 30px;
		margin:0 0 20px;
		border-bottom:1px solid #cfcfcf;
		box-sizing:border-box;}
	#Side{
		width:100%;
		float:none;
		padding:0 20px 30px;
		margin:0 0 20px;
		border-bottom:1px solid #cfcfcf;
		box-sizing:border-box;}
	#EngineerArchive{
		width:100%;
		padding:20px;
		box-sizing:border-box;}
	#EngineerArchive .EngArcRow{
		display:block;}
	#EngineerArchive .EngArchiveBox{
		display:block;
		width:100%;
		padding:20px 20px 50px;
		margin:0 0 20px;
		background:#f0efea;
		box-sizing:border-box;}
	#EngineerArchive .EngArchiveBox.Empty{
		display:none;
		background:none;}
	#EngineerArchive .EngArchiveBox.Left{
		border-right:none;}
	.EngArchiveBox .EngArcHead{
		width:100%;}
	.EngArchiveBox .EngArcHead .Img{
		width:180;
		float:none;
		text-align:center;
		display:table-cell;
		padding:0 20px 0 0;
		vertical-align:top;}
	.EngArchiveBox .EngArcHead .Txt{
		display:table-cell;
		width:auto;
		float:none;
		vertical-align:top;}
	.VoiceImg{
		text-align:center;
		margin:0 0 20px;}
	.VoiceImg, .VoiceTxt{
		width:auto;
		padding:0 20px;
		float:none;}
	#EnginnerSingle #InterViewHead .Img{
		width:100%;
		float:none;
		text-align:center;}
	#EnginnerSingle #InterViewHead .Txt{
		float:none;
		width:100%;}
	#EnginnerSingle .InterViewBox{
		padding:35px 0;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			850px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:850px){
	/*==================================================
	WORKS 850
	====================================================*/
	.WrkArchiveBox{
		width:50%;
		height:auto;
		float:left;
		margin:0 0 20px;}
	.WrkArchiveBox p.WrksTxt{
		width:100%;
		height:auto;
		display:block;
		text-align:center;
		padding:10px;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			768px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:768px){
/*==================================================
HEADER 768
====================================================*/
	#Header{
		height:105px;}
	#Header #Logo{
		max-width:50%;
		top:10px;}
	#Header #Logo a{
		display:block;
		width:100%;}
	#Header #Logo a img{
		width:100%;}
	#Header #HdrInfo{
		display:none;}
	#SpHdrMenu{
		display:block;}
/*--------------------------------------------------- HEADER NAVI*/
	#HdrNavi{
		position:fixed;
		top:105px;
		left:0;
		width:100%;
		background:#FFF;
		z-index:10;
		transition: all 0s ease-in-out 0s;
		-moz-transition: all 0s;
		-webkit-transition: all 0s;
		-o-transition: all 0s;
		display:none;}
	#HdrNavi > ul{
		padding:30px 45px;}
	#HdrNavi > ul > li{
		width:100%;
		height:auto;
		position:relative;
		float:none;
		text-align:left;}
	#HdrNavi > ul > li > a{
		display:block;
		width:100%;
		padding:10px 0;
		height:auto;
		border-bottom:1px solid #d8d8d8;
		background:none;}
	#HdrNavi > ul > li > a:hover{
		background-position:center bottom;
		filter: alpha(opacity=75);
		-moz-opacity:0.75;
		opacity:0.75;
		transition: all 0s ease-in-out 0s;
		-moz-transition: all 0s;
		-webkit-transition: all 0s;
		-o-transition: all 0s;}
	#HdrNavi > ul > li > a > span{
		display:block;
		font-size:16px;
		border-left:none;}
	#HdrNavi > ul > li:last-child > a > span{
		border-right:none;}
	#HdrNavi > ul > li > a > span.En{
		line-height:1.5;}
	#HdrNavi > ul > li > a > span.Ja{
		display:none;}
	#HdrNavi ul.SubMenu{
		position:relative;
		width:100%;
		padding:0;
		background:none;
		top:auto;
		left:auto;
		display:none;}
	#HdrNavi > ul > li:last-child ul.SubMenu{
		left:auto;}
	#HdrNavi ul.SubMenu li{
		border-bottom:none;}
	#HdrNavi ul.SubMenu li a{
		display:block;
		color:#b29e65;
		font-size:16px;
		padding:10px 0;
		line-height:1.5;
		border-bottom:1px solid #d8d8d8;
		margin:0 0 0 30px;}
	#HdrNavi ul.SubMenu li a:hover{
		color:#b29e65;
		text-shadow:none;
		background:none;}
	#Main table.TableCmn table, #Main table.TableCmn tr,#Main table.TableCmn th, #Main table td.TableCmn{
		display:block;}
/*==================================================
CONCEPT 768
====================================================*/
	#DukaiWrap a#DukaiPrev{
		left:10px;}
	#DukaiWrap a#DukaiNext{
		right:10px;}
/*==================================================
PROCESS 768
====================================================*/
	.ProcessHead{
		padding:0 20px 50px;}
	.ProcessBox .Img{
		width:80%;
		float:none;
		padding:0 20px;
		margin:0 auto;
		box-sizing:border-box;}
	.ProcessBox .Txt{
		width:100%;
		float:none;
		padding:20px;
		box-sizing:border-box;}
	.FaqBox{
		padding:30px 20px;}
/*==================================================
VOICE
====================================================*/
	.VoComTxt{
		margin:25px 0 0;
		padding:0 20px 50px;}
	.VoComment{
		margin:0;
		padding:20px;}
	#Main p.VoGaTxt{
		padding:0 20px;}
	#WorksList{
		margin:0;}

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			720px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:720px){
	#Header #Logo{
		top:10px;}
/*==================================================
BOX 720
====================================================*/
	.BoxCnt{
		padding:0 20px;}
	.Box4 .Box{
		width:50%;
		box-sizing:border-box;}
	.Box4 .Box img{
		width:auto;
		max-width:100%;}
/*==================================================
CAFE 720
====================================================*/
	#CafeInfo{
		display:block;
		width:100%;
		margin:50px 0 0;}
	#CafeInfo .Img{
		width:100%;
		display:block;
		text-align:center;
		margin:0 0 20px;}
	#CafeInfo .Txt{
		padding:0;
		display:block;
		text-align:center;}
	#Contents #CafeInfo h2{
		text-align:center;}
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			640px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:640px){
	#Header #Logo{
		margin:0;
		left:20px;}
/*--------------------------------------------------- FOOTER INFOMATION*/
	#FtrInfo li{
		display:block;
		margin:0;}
	#FtrInfo li:first-child{
		margin:0;}
/*==================================================
BOX 640
====================================================*/
	.BoxCnt{
		padding:0 20px;}

	/*--------------------------------------------------- ROWLIST*/
	.RowListWrap{
		border-bottom:none;}
	.RowListWrap dl{
		display:block;}
	.RowListWrap dl dt{
		display:block;
		width:100%;
		padding:25px 0;
		margin:25px 0;
		border-left:none;
		border-right:none;
		border-bottom:1px solid #cfcfcf;
		border-top:1px solid #cfcfcf;}
	.RowListWrap dl dd{
		display:block;
		padding:0 25px;}
/*==================================================
TOP 720
====================================================*/
	.TopNewsBox a.Cat:after{
		content:'';}
	.TopNewsBox dt, .TopNewsBox dd{
		font-size:14px;}
	.TopNewsBox dd.Title{
		display:block;
		font-size:16px;}
	.ThumbNewsList ul{
		width:100%;}
	.ThumbNewsList li{
		width:100%;
		float:none;}
	.ThumbNewsList li:nth-child(even){
		padding:0 0 20px;}

	.EngArchiveBox .EngArcHead .Img{
		width:100%;
		float:none;
		text-align:center;
		display:block;}
	.EngArchiveBox .EngArcHead .Txt{
		width:100%;
		float:none;
		text-align:center;
		display:block;
		margin:20px 0 0;
		padding:20px 0 0;
		border-top: 1px solid #bababa;}
	/*==================================================
	WORKS 1110
	====================================================*/
	.WrkArchiveBox{
		width:100%;
		height:auto;
		float:none;
		margin:0 0 20px;}
	.WrkArchiveBox .WrkImg{
		width:100%;
		height:auto;
		text-align:center;}
	.WrkArchiveBox .WrkImg a{
		width:100%;
		height:auto;
		position:relative;
		display:block;}
	.WrkArchiveBox .WrkImg .Img{
		width:auto;
		height:auto;
		position:relative;
		left:0;
		margin:0;}
	.WrkArchiveBox p.WrksTxt{
		width:100%;
		height:auto;
		padding:10px 0;
		display:block;
		text-align:center;
		vertical-align:middle;
		font-size:16px;
		color:#474747;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			340px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:480px){

	#TopSlider .TopSldCnt img.TopSldBg{
		width:480px;
		height:200px;
		position:absolute;
		top:0;
		left:50%;
		margin:0 0 0 -240px;}
	#Contents #CafeInfo h2{
		font-size:24px;}
	.SpBr{
		display:block;}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			340px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:340px){
	#Header #Logo{
		top:10px;}
	#Header {
		height:80px;}
	#SpHdrMenu {
		width:80px;
		height:80px;}
	#HdrNavi {
		top:80px;
		padding:20px;}
	#HdrNavi > ul{
		padding:0;}
	#WorksList{
		margin:0;}
}







#Text{
	position:fixed;
	width:100%;
	height:50px;
	box-sizing:border-box;
	padding:20px;
	background:#b29e65;
	bottom:0;
	left:0;}