@charset "UTF-8";
/* ==========================================================================
   HTML5 定義
   ========================================================================== */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary,
address{
	display : block;
}

audio,
canvas,
video{
	display : inline-block;
}

audio:not([controls]){
	display : none;
	height : 0;
}

[hidden]{
	display : none;
}



/* ==========================================================================
   基本項目
   ========================================================================== */

html{
	font-family : "メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,verdana;
	-webkit-text-size-adjust : none;
	-ms-text-size-adjust : none;
}

body{
	margin : 0;
	padding : 0;
	font-size : 100%;
	border-top : 5px solid #000000;
	background-color : #ffffff;
}

#topbody{
	background-image : url(../img/main_img.gif);
}

#subbody{
	background-image : url(../img/sub_img.gif);
}

#topbody,
#subbody{
	background-repeat : no-repeat;
	background-position : center top;
}

@media screen and (min-width:768px) {
	#topbody,
	#subbody{
		background-size : auto 480px;
	}
}

@media screen and (max-width:767px) {
	#topbody,
	#subbody{
		background-size : auto 240px;
	}
}

img{
	border : 0px;
	text-decoration : none;
}

h1,h2,h3,h4{
	font-weight : normal;
}

a,
a:link,
a:visited{
	color : #0000ff;
	text-decoration : none;
}

a:hover{
	color : #ff0000;
	text-decoration : underline;
}

a:active{}

p{
	margin : 0;
	padding : 0;
	font-size : 80%;
	line-height : 1.5;
	color : #333333;
	text-align : left;
}

.fc1{
	color : #ff0000;
}

.fc2{
	color : #009900;
}

.fc3{
	color : #0066cc;
}

.fc4{
	color : #cc00cc;
}

.just{
	text-align : justify;
	text-justify : inter-ideograph;
}

.clear{
	margin : 0;
	padding : 0;
	width : 100%;
	height : 0px;
	clear : both;
}



/* ==========================================================================
   ヘッダー
   ========================================================================== */

header{
	padding : 5px 0 0 0;
	height : 100px;
}

header h1{
	padding : 0;
	float : left;
}

header h1 img{
	margin : 0;
	padding : 0;
}

.fb-like{
	margin : 0;
	padding : 0;
}

.fb_bt{
	padding : 0;
	float : right;
}

.fb_bt img{
	margin : 0;
	padding : 0;
}

@media screen and (min-width:970px) {
	header{
		margin : 0 auto;
		width : 980px;
	}

	header h1{
		margin : 0;
	}

	header h1,
	header h1 img{
		width : 540px;
		height : 100px;
	}

	.header_right{
		margin : 0;
		padding : 0;
		width : 90px;
		height : 100px;
		float : right;
	}

	.fb-like{
		width : 90px;
		height : 100px;
		text-align : left;
	}

	.fb_bt{
		margin : 45px 20px 0 0;
		width : 40px;
		height : 40px;
	}

	.fb_bt img{
		width : 40px;
		height : 40px;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	header{
		margin : 0;
		width : 100%;
	}

	header h1{
		margin : 0 0 0 10px;
	}

	header h1,
	header h1 img{
		width : 540px;
		height : 100px;
	}

	.header_right{
		margin : 0;
		padding : 0;
		width : 90px;
		height : 100px;
		float : right;
	}

	.fb-like{
		width : 90px;
		height : 100px;
		text-align : left;
	}

	.fb_bt{
		margin : 45px 20px 0 0;
		width : 40px;
		height : 40px;
	}

	.fb_bt img{
		width : 40px;
		height : 40px;
	}
}

@media screen and (max-width: 767px) {
	header{
		margin : 0;
		width : 100%;
	}

	header h1{
		margin : 0 0 0 5px;
	}

	header h1,
	header h1 img{
		width : 270px;
		height : 50px;
	}

	.header_right{
		display : none;
	}

	.fb-like{
		width : 200px;
		height : 30px;
		text-align : right;
	}

	.fb_bt{
		margin : 10px 5px 0 0;
		width : 30px;
		height : 30px;
	}

	.fb_bt img{
		width : 30px;
		height : 30px;
	}
}



/* ==========================================================================
   ナビ
   ========================================================================== */

nav{
	margin : 0;
	padding : 0;
	width : 100%;
	clear : both;
}

@media screen and (min-width:768px) {
	nav .subheadbox{
		margin : 0;
		padding : 0;
		height : 10px;
	}

	nav .like{
		display : none;
	}

	nav li{
		padding : 0;
		width : 100px;
		height : 100px;
		font-size : 80%;
		line-height : 20px;
		color : #ffffff;
		text-align : center;
		float : left;
		list-style : none;
	}

	nav li img{
		margin : 0;
		padding : 0;
		width : 16px;
		height : 16px;
		opacity : 0.5;
	}

	nav li a,
	nav li a:link,
	nav li a:visited{
		margin : 0;
		padding : 25px 0 35px 0;
		width : 100px;
		height : 40px;
		line-height : 20px;
		color : #ffffff;
		text-decoration : none;
		background-color : #000000;
		opacity : 0.7;
		display : block;
		-webkit-border-radius : 50px;
		-moz-border-radius : 50px;
		-o-border-radius : 50px;
		-ms-border-radius : 50px;
		border-radius : 50px;
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	nav li a:hover{
		color : #ffffff;
		opacity : 0.6;
		-webkit-border-radius : 30px;
		-moz-border-radius : 30px;
		-o-border-radius : 30px;
		-ms-border-radius : 30px;
		border-radius : 30px;
		text-decoration : none;
	}

	.sp_nav{
		display : none;
	}
}

@media screen and (min-width:970px) {
	nav div{
		margin : 0 auto;
		padding : 20px 0 0 0;
		width : 980px;
		height : 220px;
		text-align : left;
	}

	nav ul{
		margin : 0 auto;
		padding : 0;
		width : 840px;
		height : 140px;
		list-style : none;
	}

	nav li{
		margin : 0 20px;
	}

	nav li:nth-last-child(2),
	nav li:nth-last-child(5){
		margin : 15px 20px 0 20px;
	}

	nav li:nth-last-child(3),
	nav li:nth-last-child(4){
		margin : 20px 20px 0 20px;
	}

	nav li:last-child{
		margin : 0 20px;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	nav div{
		margin : 0;
		padding : 20px 10px 0 10px;
		height : 220px;
		text-align : left;
	}

	nav ul{
		margin : 0 auto;
		padding : 0;
		width : 720px;
		height : 140px;
		list-style : none;
	}

	nav li{
		margin : 0 10px 0 10px;
	}

	nav li:nth-last-child(2),
	nav li:nth-last-child(5){
		margin : 15px 10px 0 10px;
	}

	nav li:nth-last-child(3),
	nav li:nth-last-child(4){
		margin : 20px 10px 0 10px;
	}

	nav li:last-child{
		margin : 0 10px;
	}
}

@media screen and (max-width: 767px) {
	nav div{
		margin : 0;
		padding : 0;
		height : 100px;
		text-align : center;
	}

	nav div img{
		margin : 0;
		padding : 0;
		width : 255px;
		height : 40px;
	}

	nav .subheadbox{
		display : none;
	}

	nav .like{
		margin : 0 5px 0 0;
		padding : 0;
		height : 30px;
		text-align : right;
	}

	nav ul{
		margin : 0;
		padding : 0;
		width : 100%;
		height : 60px;
		z-index : 9999;
		position : fixed;
		bottom : 0;
		display : table;
		table-layout : fixed;
		list-style : none;
		background-image : url(../img/nav_bk.gif);
		background-size : 10px 60px;
		background-repeat : repeat-x;
		background-position : left top;
	}

	nav li{
		margin : 0;
		padding : 0;
		height : 60px;
		font-size : 80%;
		line-height : 16px;
		color : #ffffff;
		text-align : center;
		border-right : 1px solid #444444;
		display : table-cell;
		list-style : none;
	}

	nav li img{
		margin : 0;
		padding : 0;
		width : 16px;
		height : 16px;
		opacity : 0.5;
	}

	nav li:last-child{
		border-right : none;
	}

	nav li a,
	nav li a:link,
	nav li a:visited{
		padding : 12px 0 16px 0;
		height : 32px;
		line-height : 16px;
		color : #ffffff;
		text-decoration : none;
		display : block;
	}

	nav li a:hover{
		color : #ffffff;
		text-decoration : none;
	}

	.main_nav{
		display : none;
	}
}



/* ==========================================================================
   フッター
   ========================================================================== */

footer{
	margin : 0;
	background-color : #666666;
	clear : both;
}

#logof h1{
	padding : 0;
}

#logof h1 img{
	margin : 0;
	padding : 0;
}

.add{
	font-size : 80%;
	line-height : 15px;
	color : #ffffff;
}

address{
	margin : 0;
	padding : 0;
	line-height : 15px;
	color : #ffffff;
	font-style : normal;
}

address a,
address a:link,
address a:visited{
	text-decoration : none;
	color : #ffffff;
}

address a:hover,
address a:active{
	text-decoration : none;
	color : #ffffff;
}

.copy{
	margin : 0;
	height : 20px;
	font-family : verdana,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size : 70%;
	line-height : 20px;
	color : #ffffff;
}

@media screen and (min-width:768px) {
	#logof h1{
		margin : 0;
		width : 300px;
		height : 60px;
		float : left;
	}

	#logof h1 img{
		width : 300px;
		height : 60px;
	}

	.add{
		margin : 7px 0 0 10px;
		padding : 0 0 0 10px;
		width : 300px;
		height : 45px;
		text-align : left;
		float : left;
		border-left : 5px solid #999999;
	}

	address{
		text-align : left;
	}
}

@media screen and (min-width:970px) {
	footer{
		padding : 0;
		height : 100px;
	}

	#logof{
		margin : 0 auto;
		padding : 20px 0;
		width : 980px;
		height : auto;
	}

	.copy{
		padding : 40px 0 0 0;
		width : 340px;
		text-align : right;
		float : right;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	footer{
		padding : 0 10px;
		height : 120px;
	}

	#logof{
		margin : 0 auto;
		padding : 20px 0 0 0;
		width : 665px;
		height : 80px;
	}

	.copy{
		padding : 0;
		width : 100%;
		text-align : center;
		clear : both;
	}
}

@media screen and (max-width: 767px) {
	footer{
		padding : 0 5px 60px 5px;
		height : auto;
	}

	#logof{
		margin : 0;
		padding : 20px 0;
		width : 100%;
		height : auto;
		text-align : center;
	}

	#logof h1{
		margin : 0 auto;
		width : 200px;
		height : 40px;
	}

	#logof h1 img{
		width : 200px;
		height : 40px;
	}

	.add{
		margin : 0;
		padding : 0;
		width : 100%;
		height : auto;
		text-align : center;
	}

	address{
		text-align : center;
	}

	.copy{
		padding : 0;
		width : 100%;
		text-align : center;
		clear : both;
	}
}



/* ==========================================================================
   フッターリンク
   ========================================================================== */

#fbox{
	margin : 0;
	padding : 20px 0;
	width : 100%;
	height : 30px;
	background-color : #eeeeee;
	clear : both;
}

#fbox p{
	padding : 0;
	margin : 0;
	width : 100%;
	height : 30px;
	font-size : 80%;
	line-height : 30px;
	text-align : center;
}

@media screen and (min-width:768px) {
	#fbox p a{
		text-decoration : none;
		color : #333333;
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	#fbox p a:after{
	}

	#fbox p a:hover{
		text-decoration : none;
		color : #999999;
	}
}

@media screen and (max-width: 767px) {
	#fbox p a{
		text-decoration : underline;
		color : #333333;
	}

	#fbox p a:hover{
		text-decoration : none;
		color : #333333;
	}
}



/* ==========================================================================
   トップへ
   ========================================================================== */

.bttop{
	margin : 0;
	padding : 20px 0 0 0;
	height : 20px;
	text-align : right;
	clear : both;
}

@media screen and (min-width:768px) {
	.bttop a img{
		opacity : 1;
		width : 60px;
		height : 20px;
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	.bttop a img:after{
		width : 60px;
		height : 20px;
	}

	.bttop a:hover img{
		opacity : 0.5;
	}
}

@media screen and (max-width: 767px) {
	.bttop img{
		width : 60px;
		height : 20px;
	}
}



/* ==========================================================================
   コンテンツ
   ========================================================================== */

article{
	height : auto;
}

#t1,#t2,#t3,#t4,#t5,#s1{
	height : auto;
	background-color : #ffffff;
	border : 1px solid #cccccc;
	-webkit-box-shadow: 1px 1px 3px #000;
	-moz-box-shadow: 1px 1px 3px #000;
	-o-box-shadow: 1px 1px 3px #000;
	-ms-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

#t1 h2,#t2 h2,#t3 h2,#t4 h2,#t5 h2,#s1 h2{
	padding : 10px 0;
	margin : 0 0 10px 0;
	height : auto;
	font-size : 120%;
	font-weight : bold;
	color : #036eb8;
	line-height : 1.2;
	text-align : left;
	background-image : url(../img/title_bk.gif);
	background-size : 20px 5px;
	background-repeat : repeat-x;
	background-position : left bottom;
}

@media screen and (min-width:970px) {
	article{
		margin : 0 auto;
		padding : 0;
		width : 980px;
	}

	#t1,#t2,#t3,#t4,#t5,#s1{
		margin : 0 10px 20px 10px;
		padding : 20px 60px;
	}
}

@media screen and (max-width:969px) {
	article{
		margin : 0;
		padding : 0 5px;
		width : auto;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	#t1,#t2,#t3,#t4,#t5,#s1{
		margin : 0 0 20px 0;
		padding : 20px 40px;
	}
}

@media screen and (max-width: 767px) {
	#t1,#t2,#t3,#t4,#t5,#s1{
		margin : 0 0 20px 0;
		padding : 10px;
	}
}



/* ==========================================================================
   プラン詳細
   ========================================================================== */

.inbox_p{
	padding : 0;
	height : auto;
}

.inbox_p1 h3,
.inbox_p2 h3,
.inbox_p3 h3{
	margin : 0;
	padding : 0;
	height : 40px;
	text-align : left;
}

.inbox_p1 h3 img,
.inbox_p2 h3 img,
.inbox_p3 h3 img{
	margin : 0;
	padding : 0;
	height : 40px;
}

.inbox_p1 div,
.inbox_p2 div,
.inbox_p3 div{
	margin : 5px 0 0 0;
	padding : 10px;
	height : auto;
	background-color : #eeeeee;
}

.inbox_p1 div p,
.inbox_p2 div p,
.inbox_p3 div p{
}

@media screen and (min-width:768px) {
	.inbox_p{
		margin : 10px 0 0 0;
	}

	.inbox_p1{
		margin : 0 1.5% 13px 0;
		padding : 10px 1%;
		width : 30%;
		height : auto;
		border : 1px solid #cccccc;
		float : left;
	}

	.inbox_p2{
		margin : 0 0 13px 0;
		padding : 10px 1%;
		width : 30%;
		height : auto;
		border : 1px solid #cccccc;
		float : left;
	}

	.inbox_p3{
		margin : 0;
		padding : 10px;
		height : auto;
		border : 1px solid #cccccc;
		clear : both;
	}
}

@media screen and (max-width: 767px) {
	.inbox_p{
		margin : 0;
	}

	.inbox_p1,
	.inbox_p2,
	.inbox_p3{
		margin : 10px 0 0 0;
		padding : 10px;
		height : auto;
		border : 1px solid #cccccc;
	}
}



/* ==========================================================================
   制作フロー
   ========================================================================== */

.inbox_f{
	margin : 0;
	padding : 0;
	height : auto;
}

.inbox_f1 h3 img,
.inbox_f2 h3 img{
	margin : 0;
	padding : 0;
	height : 90px;
}

.inbox_f1 div,
.inbox_f2 div{
	padding : 10px;
	height : auto;
	background-color : #000000;
	-webkit-border-radius : 5px;
	-moz-border-radius : 5px;
	-o-border-radius : 5px;
	-ms-border-radius : 5px;
	border-radius : 5px;
	opacity : 0.7;
}

.inbox_f1 p,
.inbox_f2 p{
	color : #ffffff;
}

@media screen and (min-width:768px) {
	.inbox_f1{
		margin : 10px 1.5% 0 0;
		padding : 0 1%;
		width : 30%;
		height : auto;
		min-height : 180px;
		background-image : url(../img/flow_bk.gif);
		background-image : url(../img/flow_bk_ie.gif)\9;/* IE8以下用 */
		background-size : 180px 180px;
		background-repeat : no-repeat;
		background-position : center top;
		float : left;
	}

	.inbox_f2{
		margin : 10px 0 0 0;
		padding : 0 1%;
		width : 30%;
		height : auto;
		background-image : url(../img/flow_bk.gif);
		background-image : url(../img/flow_bk_ie.gif)\9;/* IE8以下用 */
		background-size : 180px 180px;
		background-repeat : no-repeat;
		background-position : center top;
		float : left;
	}

	.inbox_f1 h3,
	.inbox_f2 h3{
		margin : 0;
		padding : 0;
		height : 90px;
		text-align : center;
	}

	.inbox_f1 div,
	.inbox_f2 div{
		margin : 5px 0 0 0;
		min-height : 70px;
	}
}

@media screen and (max-width: 767px) {
	.inbox_f1,
	.inbox_f2{
		margin : 10px 0 0 0;
		padding : 0;
		height : auto;
	}

	.inbox_f1 h3,
	.inbox_f2 h3{
		margin : 0;
		padding : 0;
		height : 95px;
		text-align : center;
		background-image : url(../img/flow_bk.gif);
		background-image : url(../img/flow_bk_ie.gif)\9;/* IE8以下用 */
		background-size : 180px 180px;
		background-repeat : no-repeat;
		background-position : center top;
	}

	.inbox_f1 div,
	.inbox_f2 div{
		margin : 0;
	}

	.inbox_f1 p,
	.inbox_f2 p{
		opacity : none;
	}
}



/* ==========================================================================
   制作例
   ========================================================================== */

.inbox_c{
	padding : 0;
	height : auto;
}

.inbox_c section{
	height : auto;
	text-align : center;
}

.inbox_c h3{
	margin : 0;
	padding : 0;
	height : 60px;
	text-align : center;
}

.inbox_c h3 img{
	margin : 0;
	padding : 0;
	height : 60px;
}

.inbox_c section a img{
	margin : 0;
	padding : 0;
}

@media screen and (min-width:768px) {
	.inbox_c{
		margin : 0;
	}

	.inbox_c section{
		margin : 10px 0 0 0;
		padding : 0;
		width : 50%;
		float : left;
	}

	.inbox_c section a img{
		opacity : 1;
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	.inbox_c section a:hover img{
		opacity : 0.5;
	}

	.qr_ari{
		height : 155px;
	}

	.qr_none{
		display : none;
	}
}

@media screen and (max-width: 767px) {
	.inbox_c{
		margin : 10px 0 0 0;
			border-top : 1px dotted #777777;
	}

	.inbox_c section{
		margin : 0;
		padding : 10px 0;
		width : 100%;
		border-bottom : 1px dotted #777777;
	}

	.qr_ari{
		display : none;
	}

	.qr_none{
		height : 155px;
	}
}



/* ==========================================================================
   制作費用
   ========================================================================== */

.inbox_s{
	padding : 0;
	height : auto;
}

@media screen and (min-width:768px) {
	.sp_ar{
		display : none;
	}
}

@media screen and (min-width:970px) {
	.inbox_s{
		margin : 0;
	}

	.inbox_s img{
		margin : 10px 0 0 0;
		padding : 0;
		height : 80px;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	.inbox_s{
		margin : 0;
		text-align : center;
	}

	.inbox_s p{
		text-align : center;
	}

	.inbox_s img{
		margin : 0;
		padding : 10px 0 0 0;
		height : 80px;
	}
}

@media screen and (max-width: 767px) {
	.inbox_s{
		margin : 0 auto;
		max-width : 579px;
		text-align : center;
	}

	.inbox_s p{
		text-align : center;
	}

	.inbox_s img{
		margin : 0;
		padding : 0;
		width : 290px;
	}

	.main_ar{
		display : none;
	}
}



/* ==========================================================================
   お問い合わせ
   ========================================================================== */

.contact_box{
	margin : 10px 0 0 0;
	padding : 0;
	width : 100%;
	height : auto;
	clear : both;
}

.contact_box_sub{
	padding : 0;
	width : 100%;
	height : auto;
	clear : both;
}

.contact{
	margin : 0;
	padding : 0;
	width : 100%;
	height : auto;
	border-top : 1px dotted #777777;
}

.contact dt{
	margin : 0;
	font-size : 80%;
	color : #333333;
}

.contact dd{
	margin : 0;
	color : #333333;
	text-align : left;
	border-bottom : 1px dotted #777777;
}

.inputa,.inputb,.inputc{
	margin : 0;
	color : #333333;
	text-align : left;
	border : 2px dotted #999999;
	-webkit-appearance : none;
}

.inputb{
	ime-mode : inactive;
}

.inputa:focus,
.inputb:focus,
.inputc:focus{
	border : 2px solid #999999;
}

.contact_bt{
	margin : 0;
	padding : 20px 0 0 0;
	text-align : center;
	clear : both;
}

.contact_bt input{
	margin : 0;
	padding : 4px 20px;
	font-size : 80%;
	line-height : 20px;
	color : #333333;
	text-align : center;
}

.contact_sub{
	margin : 0;
	padding : 0;
	height : auto;
	border-top : 1px dotted #777777;
}

.contact_sub dt{
	margin : 0;
	font-size : 80%;
	color : #333333;
}

.contact_sub dd{
	margin : 0;
	font-size : 80%;
	color : #333333;
	text-align : left;
	border-bottom : 1px dotted #777777;
}

.contact_sub dd span{
	color : #ff0000;
}

.contact_box_sub p{
	margin : 0;
	font-size : 80%;
	line-height : 1.5;
	color : #ff0000;
	text-align : center;
}

@media screen and (min-width:768px) {
	.contact_box_sub{
		margin : 20px 0 0 0;
	}

	.contact dt{
		padding : 20px 0;
		width : 140px;
		line-height : 28px;
		text-align : right;
		float : left;
		clear : both;
	}

	.contact dd{
		padding : 20px 0 20px 160px;
	}

	.inputa,.inputb{
		height : 20px;
	}

	.inputc{
		height : 200px;
	}

	.contact_sub dt{
		padding : 20px 0 20px 0;
		width : 140px;
		line-height : 28px;
		text-align : right;
		float : left;
		clear : both;
	}

	.contact_sub dd{
		padding : 20px 0 20px 160px;
		line-height : 28px;
	}

	.contact_box_sub p{
		padding : 0 0 20px 0;
	}
}

@media screen and (min-width:970px) {
	.inputa,.inputb,.inputc{
		padding : 2px;
		width : 500px;
		font-size : 90%;
		line-height : 20px;
	}
}

@media screen and (min-width:768px) and (max-width:969px) {
	.inputa,.inputb,.inputc{
		padding : 2px;
		width : 480px;
		font-size : 90%;
		line-height : 20px;
	}
}

@media screen and (max-width: 767px) {
	.contact_box_sub{
		margin : 0;
	}

	.contact dt{
		padding : 10px 0 0 10px;
		line-height : 1.5;
		text-align : left;
	}

	.contact dd{
		padding : 0 20px 10px 10px;
	}

	.inputa,.inputb,.inputc{
		padding : 4px;
		width : 100%;
		font-size : 100%;
		line-height : 22px;
	}

	.inputa,.inputb{
		height : 30px;
	}

	.inputc{
		height : 100px;
	}

	.contact_sub dt{
		padding : 10px 0 0 10px;
		line-height : 1.5;
		text-align : left;
	}

	.contact_sub dd{
		padding : 0 10px 10px 10px;
		line-height : 1.5;
	}

	.contact_box_sub p{
		padding : 0 10px 10px 10px;
	}
}



/* ==========================================================================
   会社概要
   ========================================================================== */

.company{
	margin : 0;
	padding : 0;
	width : 100%;
	height : auto;
}

.company th{
	margin : 0;
	padding : 20px 0;
	font-size : 80%;
	font-weight : normal;
	line-height : 1.2;
	color : #333333;
	text-align : center;
	border-bottom : 1px dotted #777777;
}

.company td{
	margin : 0;
	padding : 20px 0;
	width : auto;
	font-size : 80%;
	line-height : 1.2;
	color : #333333;
	text-align : left;
	border-bottom : 1px dotted #777777;
}

@media screen and (min-width:768px) {
	.company th{
		width : 100px;
	}

	.sp_map{
		display : none;
	}

	#gmap{
		margin : 0;
		padding : 0;
		width : 100%;
		height : 300px;
	}
}

@media screen and (max-width: 767px) {
	.company th{
		width : 90px;
	}

	#gmap{
		display : none;
	}

	#gmaps{
		margin : 0;
		padding : 0;
		width : 100%;
		height : 100%;
	}

	#gmapbody{
		margin : 0;
		padding : 0;
		width : 100%;
		height : 100%;
	}

	#goto_back{
		width : 110px;
		text-align : center;
		height : 40px;
		font-size : 12px;
		line-height : 40px;
		background-color : #000000;
		color : #ffffff;
	}
}



/* ==========================================================================
   リンク集
   ========================================================================== */

.link_box{
	margin : 0;
	padding : 10px 0 0 0;
	width : 100%;
	height : auto;
	list-style : none;
}

.link_box li{
	margin : 10px 0;
	padding : 0;
	font-size : 80%;
	line-height : 20px;
	color : #ffffff;
	text-align : left;
	list-style : none;
	background-image : url(../img/ar3.gif);
	background-image : url(../img/ar3_ie.gif)\9;/* IE8以下用 */
	background-size : 30px 20px;
	background-repeat : no-repeat;
	background-position : left top;
}

.link_box li a,
.link_box li a:link,
.link_box li a:visited{
	padding : 0 0 0 30px;
	line-height : 20px;
	color : #333333;
	text-decoration : none;
	display : block;
}

.link_box li a:hover{
	text-decoration : none;
}

@media screen and (min-width:768px) {
	.link_box li a,
	.link_box li a:link,
	.link_box li a:visited{
		-webkit-transition : 0.3s;
		-moz-transition : 0.3s;
		-o-transition : 0.3s;
		-ms-transition : 0.3s;
		transition : 0.3s;
	}

	.link_box li a:hover{
		color : #888888;
	}
}

@media screen and (max-width: 767px) {
	.link_box li a:hover{
		color : #333333;
	}
}