/* 共通設定 *********************/
html,body{
margin:0 auto;
	line-height:1.3em;
	/* #containerのmin-heightに対して必要なもの(高さを揃える) */
	height:100%;
	min-height:100%;
	text-align:center;
	color:#131b23;
}
a{
/*	color:#0c6a91;*/
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
/*	color:#25a5c4;*/
}

/* image */
img{
	max-width:100%;
}

div{
	text-align:left;
}
/* スマホ専用表示切り替え ********************/
.sp{
	display:none !important;
}


/* width */
h1.inner{
/*	width:1200px;*/
	margin:0 auto;
	text-align:center;
	font-weight:nomal;
	font-size:70%;
}

/* Ｌａｙｏｕｔ************/
#contents{
/*header・top_navi---side1_navi/content/side2_nabi/go-top/footer*/
}
#contWrap{
padding:10px;
/*side1_navi/content/side2_nabi/go-top*/
}
#cont,
.main{
margin-left:20px;
/*content*/
}

/* header ************/
/*ここはあとで考える*/
/*
@media screen and (max-width: 1024px){
	img.bg {
		width: 100%;
		height: auto;
		left: 50%;
		margin-left: -512px;
		position: fixed;	
		top: 0;
		left: 0
	}
}
*/
/*ヘッダー部分（default/header.phtml）******************************/
.wrapper{
	position:relative;
	background:#fff;
}

.wrapper img.bg{
	width:100%;
/*	border:1px solid lime;*/
}

h1{
	font-size:100%;
	padding:5px 0;
	font-weight:normal;
}
.header{
	display:block;
	margin:0 auto;
	width:80%;
	left:50px;
	position: absolute;
	top:20px;
	background:#fff;
/*	border:1px solid red;*/
	margin-bottom:10px;
	padding:20px;
	border-radius:10px;	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	
/*	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	*/
	background: rgba(255,255,255, 0.7);

}
.header .logo_area{/*ロゴ*/
width:30%;
	border:1px solid gray;
	float:right;
	background: #fff;
/*	border:1px solid red;*/
}

.header .content_area{/*コメント*/
	font-size:100%;
	width:65%;
/*	border:1px solid lime;*/
	float:left;
	position:relative;
}
.header .content_area span.head_data{/*タイトル*/
	font-size:120%;
/*	border:1px solid red;*/
	font-weight:bold;
}
.header .content_area span.compensate{/*タイトル*/
	font-size:90%;
/*	border:1px solid red;*/

}

.header .content_area p.map_btn a{
 width:70px;
	border-top:3px solid silver;
	border-right:3px solid gray;
	border-left:3px solid silver;
	border-bottom:3px solid gray;

	padding:3px;
	border-radius:20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	background:#FA9201;
	color:#fff;
	font-weight:bold;
	float:left;
	text-align:center;
/*	top:5px;*/
/*	position: absolute;*/
}

.header .content_area p.kairyu_btn a{
	width:70px;
	border-top:3px solid silver;
	border-right:3px solid gray;
	border-left:3px solid silver;
	border-bottom:3px solid gray;

	padding:3px;
	border-radius:20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	background:#FA9201;
	color:#fff;
	font-weight:bold;
	float:left;
	text-align:center;
/*	top:5px;*/
/*	position: absolute;*/
}
.header .content_area p.keiro_btn a{
	width:70px;
	border-top:3px solid silver;
	border-right:3px solid gray;
	border-left:3px solid silver;
	border-bottom:3px solid gray;

	padding:3px;
	border-radius:20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
	background:#FA9201;
	color:#fff;
	font-weight:bold;
	float:left;
	text-align:center;
/*	top:5px;*/
/*	position: absolute;*/
}


/* gloval （top_navi.phtml）*****************/
#gloval{

/*	background:#333;
	border:4px solid gray;
*/
}
#gloval ul{
/*
	border:solid 1px red;
	text-align:center;
*/
}
#gloval li{
	width:15%;
/*	float:left;*/
	background:#808000;
	margin:0 auto;
	display: inline-block;
	text-align:center;	
}
#gloval li a{
	display:block;
/*	border-right:solid 1px #fff;*/
	color:#fff;
	padding:5px 10px;
}

#gloval li.target {
/*	float:left;*/
	background:#996633;
}

/*サイド設定　sideW1は右サイド sideW2は左サイド*/

#sideW1{//*サイドエリア*/
	width:19%;
	float:left;
	padding:10px;
}
#sideW2{//*サイドエリア*/
	width:19%;
	float:left;
	padding:10px;
}

/* side_nav(インデクス) 共通********************/
.side_nav{
padding:5px;
}
.side_nav li{
	border-bottom:solid 1px #fff;
}
.side_nav a{
	display:block;
	padding:15px 15px;
	background:#333;
	color:#fff;
}

.side_nav  li.target  a{
/*	float:left;*/
	background:teal;
}
/*Opinion-考察*/
.side_nav  li.side_opnion {
	background:#e0ffff;
}
.side_nav  li.side_opnion dl{
	width:100%;
	height:130px;
/*	background:#e0ffff;*/
	overflow: auto;
}
.side_nav  li.side_opnion dl dt{
	padding:5px;
	color:magenta;
	font-weight:bold;
}
.side_nav  li.side_opnion dl dd a {
	background:none;
	color:teal;
	font-size:80%;
	margin:0;
	padding:0;
	line-height:1.5em;
	padding:5px;
}

/*バナーリンク　共通********************/
#Add{
	padding:5px;
	width:96%;
}
#Add ul.add_banner{

}
#Add ul.add_banner li{
	border-bottom:1px solid silver;
	margin-bottom:10px;
}
#Add ul.add_banner li img{
		width:100%;
}

/*goTop　上へ***********************/
#goTop{/*goTop　上へ*/
clear:both;
text-align:center;
padding:10px;
}

/* footer *******************************/
#footer{/*フッター*/
	background:#333;
	padding:10px 0;
	color:#fff;
}
#footer .ft_nav{
	width:69%;
	float:left;
	margin-bottom:10px;
}
#footer .ft_lead{
	width:30%;
	float:right;
	margin-bottom:10px;
}
#footer ul{
	border-left:solid 1px #fff;
}
#footer li{
	display:inline-block;
	padding:0 15px;
	border-right:solid 1px #fff;
}
#footer a{
	color:#fff;
}
#footer address{
	text-align:center;
}


/*コンテンツエリアレイアウトの設定***********/

.main{/*コンテンツ*/
	width:75%;
	float:left;
	padding:10px;
	line-height:1.8em;


}

/* main （コンテンツな内共有）*****************************/

.main h2{
	margin-bottom:10px;
	padding:10px ;
	font-weight:bold;
	border-bottom:1px solid #FF82B2;
	border-left:5px solid #FF82B2;
}

.main h2.portfolio_tle{
	margin-bottom:10px;
	padding:10px ;
	font-weight:bold;
	border-bottom:1px solid teal;
}

.main h3{
	margin-bottom:10px;
	padding:10px ;
	font-weight:bold;
	border-bottom:1px solid #75A9FF;
}
.main h4{
	margin-bottom:10px;
	padding:10px ;
	font-weight:bold;
}
.main p{
	margin:0 10px 20px;
}
.main table{
	min-width:98%;
	margin-bottom:20px;
	margin-left:1%;
}
.main table th,
.main table td{
	border:solid 1px #333;
	padding:5px 10px;
}
.main table th{
	background:#aaa;
}

/*各ページ共通設定***********************/
/*ページャー***/
p.page-navi {
	width:100%;
	display:block;
	text-align:center;
	clear:both;
	padding-top:1em;
}
p.page-navi {
	text-align:center;
	margin-bottom:1em;
}

p.page-navi span {
	padding:6px;
	width:3em;
	border:1px solid #d5d5d5;
}


/* top ********************************/
/*ニュースー設定*/
.top_news{
/*	margin:10px 0 15px;*/
	border:solid 1px #333;
	padding:15px;
	margin-bottom:10px;
}
/*スライダー設定*/

.top_news .view_area{
}
.top_news .view_area ul.view_box{
/*border:solid 1px lime;*/
	width:90%;
	display:block;
	margin:0 auto;
}
/*戻る次ボタンデザイン（基本位置、文字設定はslick-theame.css）*/

.top_news dl{
/*	width:33%;*/
	height:300px;
	
	float:left;
/*	border:solid 1px red;*/
	position:relative;
}

.top_news dt{
/*	width:50%;*/
	clear:both;
	display:block;
	margin:0 auto;
	padding:5px;
	border-top:solid 1px gray;
	border-left:solid 1px gray;
	border-radius:5px;
	  -webkit-border-radius: 5px;
	  -moz-border-radius: 5px;
/*全体が50％になるので、背景をおくのがよい*/
	background:#fff;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;

/*位置設定*/
	position: absolute;
	top:0px;
	left:0px;

}
.top_news dl dd img{
	width:300px;
	display:block;
	margin:0 auto;
}
.top_news dl dd.content{
/*	width:35%;*/
width:80%;
	height:3em;
	border-radius:20px;
	  -webkit-border-radius: 20px;
	  -moz-border-radius: 20px;
	padding:8px;
/*全体が50％になるので、背景をおくのがよい*/
/*	background:#d1ef9a;*/
/*
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity: 0.9;
*/

/*位置設定*/
	position: absolute;
	bottom:5px;
/*	right:0px;*/
}
/*定番アイテム*/
.top_item{
/*	margin:10px 0 15px;*/
	border:solid 1px #333;
	padding:15px;
	margin-bottom:10px;
}

/*トップコメント*/
.top_comment{
/*	margin:10px 0 15px;*/
/*	border:solid 1px #333;*/
	padding:15px;
	margin-bottom:10px;
}



/* production */
.production_navi li{
	width:15.66%;
	margin:0 0.5%;
	float:left;
	margin-bottom:10px;
	text-align:center;
}
.production_navi li a{
	display:block;
	padding:10px;
	background:#999;
	color:#fff;
	border-radius:5px;
}
.production_contents dl{
	width:31.3%;
	float:left;
	margin:0 0.5% 15px;
	padding:10px 0.5%;
	background:#eee;
}


/* contact */

#contact dt p{
	margin:0 5px 5px;
}
	/* width */
	#contact dl{
		margin:0 30px;
	}
	.dataTable{
		padding:0 2%;
	}
	.dataTable table{
		width:100%;
		*width:90%;
	}
	.dataTable table th{
		width:180px;
	}
	.dataTable table td input,
	.dataTable table td textarea{
		width:90%;
	}
	
	.dataTable table td textarea{
		height:100px;
	}
	.dataTable table td.contact_tel input{
		width:25%;
	}
	.dataTable table td input[type="radio"],
	.dataTable table td input[type="checkbox"]{
		width:5%;
	}
	/* background&color */
	#contact{
		color:#505050;
	}
	.dataTable{
		/*background:#fcf7dd;*/
	}
	.necessity,
	.error{
		color:#ff0000;
	}
	/*確認画面へﾎﾞﾀﾝ*/
	.button input.go_conf{
		background: url(../img/contact/conf_btn_off.gif) no-repeat 0 0;
	}
	.button input.go_conf:hover{
		background: url(../img/contact/conf_btn_on.gif) no-repeat 0 0;
	}
	/*戻る*/
	.button input.back{
		background: url(../img/contact/back_btn_off.gif) no-repeat 0 0;
	}
	.button input.back:hover{
		background: url(../img/contact/back_btn_on.gif) no-repeat 0 0;
	}
	/*メール送信*/
	.button input.go_mail{
		background: url(../img/contact/submit_btn_off.gif) no-repeat 0 0;
	}
	.button input.go_mail:hover{
		background: url(../img/contact/submit_btn_on.gif) no-repeat 0 0;
	}

.comp {
	text-align:center;
	margin:20px auto;
}
.dataTable{
	margin:15px auto 20px;
	border:#cccccc 1px solid;
}
.dataTable table tr:first-child th,
.dataTable table tr:first-child td,
.dataTable table .one th,
.dataTable table .one td{
	border:none;
}
.dataTable table th,
.dataTable table td{
	padding:15px 0;
	background:none;
	border:none;
	border-top:#cccccc 1px dotted;
	vertical-align:middle;
}
.dataTable table td{
	padding-left:10px;
}
.dataTable table th{
	font-weight:normal;
}
.dataTable table td input,
.dataTable table td textarea{
	padding:5px;
}
.dataTable table td.contact_radio input{
	width:15px;
}
.button{
	text-align:center;
	margin-bottom:20px;
}
.button input{
	cursor: pointer;
	display: inline-block;
	width:200px;
	height:45px;
	border:none;
	text-indent: -9999px;
	*sidplay:block;
	*float:left;
}

div.qr_code{
text-align:center;
border: solid 1px #c9c9c9;
}


/* contact */

.portfolio{

}
.portfolio .preface{
}
.portfolio .preface .comment{
	width:48%;
	float:left;
}
.portfolio .preface .image{
	width:48%;
	float:right;
}
.portfolio .preface .image p{
	font-size:90%;
}
.portfolio .preface .image img{
	width:90%;	
}
.portfolio .preface span.address{
	color:teal;
}

.portfolio span.red{
	color:red;
}
.portfolio span.ask{
	color:red;
}
.portfolio .preface_commemt_title{
	font-weight:bold;
}
.portfolio .comments{
	color:magenta;
}









/*
グラデーション設定
background-image:-webkit-gradient(
                  グラデーションの方向
                , 開始位置
                , 終了位置
                , from(開始色)
                , color-stop(位置, 途中色)
                , to(終了色));
				
background-image:-webkit-gradient(
                  グラデーションの方向
                , 開始位置
                , 終了位置
                , from(開始色)
                , color-stop(位置, 途中色)
                , to(終了色));
*/