@charset "utf-8";


/* clearfix */
br.clear {clear: both;display: none;font-size: 0px;line-height: 0%;height: 0px}
.clearfix:after {content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

/**/
.mb0{margin-bottom:0;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.indent2{padding:0 10px;}

/* はみ出し対策 */
body { width:100%; /*overflow:hidden;*/ line-height:1.3em; font-size:80%; color:#333;}


/* TOPページ構成
--------------------------------------------------------------------------- */
/*header*/
header{padding:2%; width:96%;}
#logo{width:69%; float:left;}
#logo h1{ font-size:75%; margin-bottom:1%; color:#666;}
#logo img{width:100%;}

#mail{width:31%; float:right;}
#mail div.mail{float:left; width:35%; margin-left:10%; position: relative;}
#mail div.login{float:right; width:50%;}
#mail div img{width:100%;}
#mail div.mail .numberall{position:absolute; top:3%; left:40%; width:45%; text-align:center;}
#mail div.mail .number{ text-align:center; border-radius:10em; padding:50% 0; font-size:10px; line-height:0; width:100%;
border:2px solid #FFF; background-color:#f25623; color:#FFF; text-align:center; font-weight:bold; text-align:center;
}


/*ナビ*/
nav.head{ margin-bottom:10px;}
nav.gnav ul{border-top:1px solid #EA4812;border-bottom:1px solid #EA4812; margin:0 0 5px 0;}
nav.gnav li{float:left; width:25%; text-align:center;}


/*contents*/
.key img{width:100%;}
.key p{margin-bottom:10px;}
.key .s90{ text-align:center;}
.key .s90 img{width:90%;}
.key .s95{ text-align:center;}
.key .s95 img{width:95%;}

/*serch*/
.serch{background-color:#E8FFFA;padding:2% 1%; margin:20px auto;}
/*.serch form {width:74%; float:left; margin-right:1%;}*/
/*.detail_serch{ width:23%; margin-right:2%; float:left;}*/
.detail_serch img { width:100%;}
.ui-icon-searchfield{background-color:#FFF;}
.serch{ position:relative;}
.detail_serch .ui-btn-text{text-shadow:none;}
.serch_text{/*position:absolute; top:70%; left:0;*/ width:100%; text-align:left; background-color:#E8FFFA; margin-bottom:10px; display:block;}
.serch_text .indent{ background-color:#FFF; padding:3%;}
.under_contents .serch_text .indent{ background-color:#FFF; padding:3%;}
.detail_serch .ui-collapsible-content{padding:0;}
.detail_serch .ui-btn-inner{padding:1em 0;}
.dserch_btn{ background:#e8e8e8; padding:1em; margin-top:20px;}


/*スライドバナーエリア*/
.slide{margin-bottom:15px;}
.slide img{width:100%;}

/*menu*/
/*メニューの背景*/
.menu{margin-bottom:20px;}
.menu p span{ margin-right:0.8em;}
.menu p img{ width:50px; vertical-align:middle;}
.menu p{vertical-align:middle;}
.menu.rank p img{ width:30px; vertical-align:middle;}
.menu.new_kiji p img{ width:35px; vertical-align:middle;}

/*タイトル*/
h3{	border-top:1px solid #EB4913;
	border-bottom:1px solid #EB4913;}

/*コンテンツ*/
.contents .left{width:90px; float:left;}
.contents .left img{width:90%;}
.contents .right{width:200px; float:left;line-height:1.2em; margin-top:10px;}
.contents .right p{ margin-bottom:3px;}
.contents .right p.mb10{ margin-bottom:10px;}
.contents .right p img{ width:70%;}

/*フッター*/
footer{background-color:#FFFAEC; }
footer hr{border-bottom:1px solid #FFF;}
#foot_area{padding:10px; padding-top:0; text-align:center; line-height:1.5em; font-size:80%;}
#foot_area a{display:inline; color:#666666; text-decoration: underline;}
#foot_area .small{ font-size:95%; line-height:1.2em; margin:10px 0; color:#666666;}


/* 中面ページ構成
--------------------------------------------------------------------------- */
/*投稿フォーム*/

.under_contents h3.ttl{ margin-bottom:20px;}
.under_contents h3.ttl.mb0{ margin-bottom:0px;}
.under_contents .indent{padding:0 15px 15px;}
.under_contents h4{ background-color:#E8FFFA; padding:10px;margin-bottom:10px; padding-left:30px;}
/* iplogic updated--------------------------------------------------------------------------- */
.under_contents h4.ttl{ background-image:url(../../images/sphone/under/form_ttl.jpg); background-repeat:no-repeat; background-position:10px 11px;}
/* ------------------------------------------------------------------------------------------ */
.under_contents h4.ttl span img{vertical-align: middle; width:40px;}
.under_contents h4.ttl span{ margin-left:0.7em;}
h4{ background-color:#E8FFFA; padding:10px;margin-bottom:10px; padding-left:30px;}
/* iplogic updated--------------------------------------------------------------------------- */
h4.ttl{ background-image:url(../../images/sphone/under/form_ttl.jpg); background-repeat:no-repeat; background-position:10px 11px;}
/* ------------------------------------------------------------------------------------------ */

.under_contents .feel .feel_left{width:23.5%; float:left; margin-right:2%;}
.under_contents .feel .feel_left.mr0{margin-right:0;}
.under_contents .feel img{ width:100%;}
.under_contents .feel .feel_left .ui-btn{margin:0;border:none; padding:0;}
.under_contents .feel .feel_left .ui-btn-inner{ text-align:center; background-color:#FFF;padding:0; padding-bottom:30%; }
.under_contents .feel .feel_left .ui-icon{top:90%; left:40%;}
.under_contents .inline{line-height:2;}

.under_contents .select_left{width:88%; float:left; margin-right:2%;}
.under_contents .ind{width:10%; float:left; margin-top:25px;}
.under_contents .ind img{width:40px;}

.under_contents .no_shadow .ui-shadow-inset{box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset; margin-top:5%;}
.under_contents .file_up .left{width:20%; text-align:center; float:left;}
.under_contents .file_up .left img{ width:40%;}
.under_contents .file_up .title{margin-top:17px;}
.under_contents .file_up .right{width:75%; margin-left:5%;float:left; line-height:10;}
.under_contents .file_up{border-bottom:1px dotted #CCC; margin-bottom:10px; padding-bottom:10px;}

.under_contents .tag .left{width:15%; margin-right:1%; float:left;}
.under_contents .tag .right{width:84%;float:left;}
.under_contents .tag .clearfix{margin-top:10px;}

.under_contents .submit_btn{border-top:1px solid #CCC; padding-top:10px;}
.under_contents .dot_line{border-bottom:1px dotted #CCC; margin-bottom:15px;}
.under_contents .dot_line .ui-br{border-bottom:none;}


/*投稿の確認*/
.confirm table{border-top: 1px solid #ECDFCB;border-left: 1px solid #ECDFCB; margin-bottom:20px; width:100%;}
.confirm table th,
.confirm table td{border-bottom: 1px solid #ECDFCB;border-right: 1px solid #ECDFCB;}
.confirm table th{ background-color:#FFF7EA; width:30%;text-align:center; padding:8px; font-weight:normal;}
.confirm table th img{ width:40px; margin-top:5px;}

.confirm table td{width:70%; padding:8px;}
/* iplogic updated--------------------------------------------------------------------------- */
/*.confirm table td img{ width:20%;}*/
.confirm .img img{ width:20%;}
/* ------------------------------------------------------------------------------------------ */
.confirm table td span img{ width:40px;}

.confirm .pink_sq{background: none repeat scroll 0 0 #FFF4F9;
    border: 1px solid #FD2985;
    padding: 20px;
    }
.confirm .pink_sq .ttl{text-align:center; margin-bottom:15px; font-weight:bold; color:#FD2985; font-size:100%;}


/*新規登録フォーム*/
.interest fieldset{width:50%; float:left;}
.interest h5{ color:#50D9BD; margin:20px 0 5px 0; font-size:120%;}
.gray_area{background-color:#E8E8E8; padding:15px; font-size:80%;}
.float3 .ui-select{float:left; width:33%; margin-right:0.3%;}
.float2 .ui-input-text{float:left; width:42%; margin-right:1em;}
.float2_small .ui-input-text{float:left; width:20%; margin-right:0.5em;}
.float2_small p{float:left; width:1em; margin-right:0.5em; margin-top:15px;}

.float_tel .ui-input-text{float:left; width:23%; margin-right:0.5em;}
.float_tel p{float:left; width:2%;; margin-right:1em;margin-top:15px;}


/*一覧*/
.botan2{ background-color:#E8E8E8; padding:5px 20px;}
.botan2 p{ width:48%; float:left; margin-bottom:0; margin:0 1%;}
.botan2 p a{margin-bottom:5px;}
.list_area{ background-color:#E8FFFA; padding-bottom:10px;}
div.more_btn.w80 a{width:80%; font-size:100%;}

.list_box{padding:0 10px;}
.list_box .text{
/* iplogic updated--------------------------------------------------------------------------- */
	background-image:url(../../images/sphone/top/next.png);
/* ------------------------------------------------------------------------------------------ */
background-repeat:no-repeat;
	background-position:100% center;
	}
.list_box a{color:#666; text-decoration:none;}
/* iplogic updated--------------------------------------------------------------------------- */
.list_box .coment{background:url(../../images/sphone/under/talk_icon.png)no-repeat 0 center; padding:20px 0 20px 55px; margin-bottom:10px;
/* ------------------------------------------------------------------------------------------ */
border-bottom:1px dotted #CCC; font-size:130%;}
/* iplogic updated--------------------------------------------------------------------------- */
.list_box .qa{background:url(../../images/sphone/under/list_q.png)no-repeat 0 center; padding:20px 0 20px 55px; margin-bottom:10px;
/* ------------------------------------------------------------------------------------------ */
border-bottom:1px dotted #CCC; font-size:130%;}
/* iplogic updated--------------------------------------------------------------------------- */
.list_box .contents{background:url(../../images/sphone/under/list_pen.png)no-repeat 0 center; padding:20px 0 20px 55px; margin-bottom:10px;
/* ------------------------------------------------------------------------------------------ */
border-bottom:1px dotted #CCC; font-size:130%;}
.list_box .link{padding-bottom:10px; border-bottom:1px solid #48D7B9;}
.list_box .img{ width:25%; float:left; margin-right:5%;}
.list_box .img img{ width:100%;}
.list_box .text{ width:70%; float:left;}
.list_box .text a{ color:#3399FF; }
.list_box .text h5{margin-bottom:15px; font-size:14px; line-height:1.2em;}
.list_box .text p{color:#666666;}
.list_box .link .text span{margin-right:0.5em;}
.list_box .link .text span a.ui-link{display:inline;}
#list0 .word0{
    border: 1px solid #999;
    padding: 10px;
	width:90%;
	margin:20px auto 10px auto;}
#list0 .no_serch{
	background: none repeat scroll 0 0 #FFF4F9;
    border: 1px solid #FD2985;
	color: #FD2985;
    padding: 10px;
	width:90%;
	margin:0 auto 20px auto;
}


/*詳細*/
.ditail_area{background-color:#E8FFFA; padding:10px; margin-bottom:15px;}
.ditail_area .img{ width:20%; float:left; margin-right:5%;}
.ditail_area .img img{ width:100%;}
.ditail_area .text{ width:75%; float:left;}
.ditail_area .text h5{ margin-bottom:10px; font-weight:bold;}
.ditail_area .text p{color:#666666;}
.detail_text_img{margin-top:20px;}
.detail_text_img p{width:33%; float:left; text-align:center;}
.detail_text_img p img{width:95%;}
.detail_tag{border-top:1px dotted #CCC; padding:10px 10px 0 10px;}
.detail_tag a{display:inline; margin-right:1em; color:#3198FF; }
.detail_tag .right{text-align:right; }
.detail_tag .right a{margin-right:0;}
.bk_gray{background-color:#E8E8E8; padding:10px;}

.res_box .ditail_area{background:#FFF; margin-bottom:0; padding-bottom:15px;}
.res_box .indent{border-top:1px dotted #CCC; padding-top:15px;}
.res_box .ditail_area .text a{ display:inline; color:#3198FF;}
.thanks_point{background-color:#E8FFFA; text-align:center; padding:10px 0;
border-bottom:1px solid #48D7B9; margin:10px 0;}

.res_box .ditail_area{background:#FFF; margin-bottom:0; padding-bottom:15px;}
.res_box .indent{border-top:1px dotted #CCC; padding-top:15px;}
.res_box .ditail_area .text a{ display:inline; color:#3198FF;}
.thanks_point{background-color:#E8FFFA; text-align:center; padding:10px 0;
border-bottom:1px solid #48D7B9; margin:10px 0;}

/*会社概要*/
.under_contents .company table{ text-align:left; width:100%; margin-bottom:15px;}
.under_contents .company table tr{}
.under_contents .company table th{font-weight:normal; padding:8px 0 8px 8px; width:32%;border-bottom:1px dotted #CCC; }
.under_contents .company table td{padding:8px 8px 8px 0;border-bottom:1px dotted #CCC;}
.under_contents .company table a{display:inline;}


/*MYページ*/
.my_btn{text-align:right; margin-bottom:15px; margin-right:10px;}
.my_btn img{ width:120px;}
.blue_ul{background-color:#E8FFFA; height:15px; margin-bottom:10px;}

.sq_box{ background-color:#E8FFFA; border:1px solid #31C2A5; padding:10px;}
.sq_box_info{ background-color:#E8FFFA; border:1px solid #31C2A5; padding:60px 10px; text-align:center; margin-bottom:15px;}
.sq_box_info_detail{ background-color:#E8FFFA; border:1px solid #31C2A5; padding:10px; text-align:left; margin-bottom:20px;}
.sq_box .point_area{ background:#FFF; text-align:center; padding:20px 10px; margin-bottom:10px;}
.sq_box .point_area .point{font-size:200%; margin-top:8px;}
.info_stanp{font-size:80%; padding:0 10px 10px 10px;}
.info_stanp span{border-radius: 1em 1em 1em 1em ; background-color:#E8FFFA; border:1px solid #31C2A5; padding:3px 8px; margin-right:1em; margin-left:0.5em;}

.my_list a{
	background-image:url(../../images/sphone/top/next.png);
	background-repeat:no-repeat; font-style:normal;
	background-position:100% center; display:inline-block; width:100%;
	color:#666; text-decoration:none;
	}
.my_list{border-bottom:1px solid #CCC; margin-bottom:10px; padding-bottom:5px; padding:0 10px 5px}
.my_list .left{float:left; width:65%; margin-right:5%;}
.my_list .right{float:left; width:10%; text-align:right; color:#1D77F2;}


/*コンテンツページ*/
.con_left{width:35%; margin-right:5%; float:left;}
.con_left img{width:100%;}
.con_right{width:60%;float:left;}
.con_right .bold{font-weight:bold; margin-bottom:10px;}
.indent.contents img{width:100%;}
.indent.contents p{margin-bottom:10px;}


/*小高追加*/
.attention {font-size:100%; color:#f00; margin-top:3px;}
.pink_sq {background: none repeat scroll 0 0 #FFF4F9; border: 1px solid #FD2985; padding: 20px; margin-bottom: 10px;}
.pink_sq .ttl {text-align:center; margin-bottom:15px; font-weight:bold; color:#FD2985; font-size:100%;}
.list_box .text2{ width:100%; float:left;}
.list_box .text2 a{ color:#3399FF; }
.list_box .text2 h5{margin-bottom:15px; font-size:14px; line-height:1.2em;}
.list_box .text2 p{color:#666666;}
.list_box .link .text2 span{margin-right:0.5em;}
.list_box .link .text2 span a.ui-link{display:inline;}