@charset "utf-8";

/*============================================================
	Site Name: Grantomato
	Author: Yamazen Communications co.,ltd.
	Comment: inquiry style
	Since2015.09
============================================================*/
	
/*Index
	1.common
	2.structure
	3.form

	
============================================================*/

/*1.common
============================================================*/
ul#lnavi{display:none!important;}



/*2.structure
============================================================*/
div#container{
	width:100%;
	min-height:500px;
	padding-top:30px;
	background-image:url(../img/header/gnavi_shadow.png),
                     url(../img/footer/container_bk.png);
    background-repeat: repeat-x,
	                   repeat-x;
    background-position: top center,
                         bottom center;
}
div#contents{width:960px;margin:0 auto;}

@media screen and (max-width: 960px) {
div#inner{
	width:97%;
	margin:0 auto;
}
div#contents{
	width:100%;
	margin:0 auto;
}
}
@media screen and (max-width: 480px) {
div#inner{
	width:93%;
}
}



/*3.form
============================================================*/

h4{
	width:100%;
	display:block;
	min-height:45px;
	margin:25px 0 0 0;
	padding:10px 0 0 50px;
	color:#32af00;
	font-size:133.33%;
	font-weight:bold;
	background:url(../../topics/img/icon_logomark.png) no-repeat left top;
	overflow:hidden;
}
h4:after{
    content: " ";
	position:relative;
    display: block;
    width: 960px;
    height: 30px;
	margin:5px 0 0 -50px;
	padding:0;
    background:url(../../topics/img/sttl_shadow.png) repeat-x center top;
}

@media screen and (max-width: 960px) {
	h4:after{
    content: " ";
    width: 120%;
}
}

dl.form{width:100%;margin:0 atuo;}

p.text{
	margin:20px auto 60px;
}
p.text strong{
	color:#c83232;
}

#err{
	padding:30px 0;
	color:#ff0000;
	font-size:114.285%;
	font-weight:bold;
	border-top:7px solid #000;
}

dl.form p.coution{
	margin-bottom:10px;
	color:red;
	font-size:85.714%;
}

.note{
	margin:5px 0 0;
	font-size:85.714%!important;
	font-weight:normal!important;
}



dl.form dt{
	font-size:116.66%;
	font-weight:bold;
	padding: 5px 0 5px 70px;
	background: url(../../inquiry/img/icon-require.png) no-repeat 0 5px;
}
dl.form dt.option{
	background: url(../../inquiry/img/icon-option.png) no-repeat 0 5px;
}


dl.form dd select,
dl.form dd textarea,
dl.form dd input[type="text"]{
	width:95%;
	padding:5px;
	color:#646464;
	border:1px solid #b6c7d7;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background-color:white;
}

dl.form dd.comment,
.form dd.fax{
	border-bottom:none;
}
.form dd.age input,
.form dd.add input,
.form dd.add select    {width:auto!important;}

.form dd.add input,
.form dd.add select    {margin-bottom:10px;}

.form dd.privacy p,
.form dd.agreement p{
	margin:5px 0 0;
}
.form dd.privacy p a,
.form dd.agreement p a{
	padding-left:25px;
	background:url(../img/arrow.png) no-repeat 0 center;
}

dl.form dd .zip,
dl.form dd .city{width:auto!important;}

dd.allow_like p,
dd.allow_parents p{
	margin-top:5px;
	font-size:116.66%;
	font-weight:bold;
}
dd.allow_like p span,
dd.allow_parents p span{
	color:#c83232;
}

#item{
	width:95%;
	min-height:150px;
	padding:10px 15px;
	background-color:#f5f5f5;
	background-position: right top;
    background-repeat: no-repeat;
}
#item .ttl{
	margin:0 0 5px;
	font-size:114.285%;
}


@media only screen and (max-width: 640px){
.form dt{
	margin: 0 0 10px;
}
.form dt p{
	margin:10px 0 0;
	font-size:85.714%;
	line-height:1.5;
}
.form dd{
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:1px #aaaaaa dotted;
}
}
@media only print, only screen and (min-width: 641px){
.form dt{
	float:left;
	width:300px;
}
.form dt p{
	margin:10px 0 0;
	font-size:85.714%;
	line-height:1.5;
}
.form dd{
	padding:0 0 20px 330px;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px #aaaaaa dotted;
}
.form dd:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
}





/* 2.submit btn
-------------------------------------------------------------*/
input.btn,
div#submit a.btn_return,
div#submit a.btn_submit{
	display:inline-block;
	*display:inline;
	width:312px;
	height:63px;
	margin:0 10px;
	padding:15px;
	text-align:center;
	vertical-align:top;
	border:none;
	background:url(../../inquiry/img/btn.png) no-repeat center top;
	zoom:1;
}


div#submit a.btn_return{
	background:url(../../inquiry/img/btn_return.png) no-repeat center top;
}
div#submit a.btn_submit{
	background:url(../../inquiry/img/btn_submit.png) no-repeat center top;
}

div#submit{
	margin:25px auto 10px;
	text-align:center;
}
div#submit ul{
	margin-bottom:15px;
	padding:20px 0;
	text-align:center;	
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */  
	background:white;
}
div#submit ul li,
div#submit a{
	display:inline-block;
	*display:inline;
	margin:0 10px;
	zoom:1;
}
div#submit input{
	cursor:pointer;
	text-decoration:underline;
	text-decoration:none;
}
div#submit input:hover{
	text-decoration:none;
}
div#submit p{margin:0;}
div#submit p a{display:inline;margin:0;}
div#submit p:before{
    content: "●";
	color:#009844;
}

@media only screen and (max-width: 640px){
input.btn,
div#submit a.btn_return,
div#submit a.btn_submit{width:260px;}
input.btn,
div#submit a.btn_return,
div#submit a.btn_submit,
div#submit ul li,
div#submit a{display: block;margin: 10px auto;}
}
@media only print, only screen and (min-width: 641px){
div#submit{width:100%;}
input.btn:hover,
div#submit a.btn_return:hover,
div#submit a.btn_submit:hover{
    opacity:0.50;
    filter: alpha(opacity=50);
}
}


/* 3.thanks page
-------------------------------------------------------------*/
p#thanks{
	width:100%;
	min-height:300px;
	margin:50px auto;
	color:#c83232;
	font-size:128.571%;
	font-weight:bold;
	text-align:center;
}


/* freedial
============================================================*/
div#header div#function p.inquiry{
	display:block;
}