@charset "utf-8";
/* CSS Document */

body { 
background-color: #ffffff;
color: #404040;
font-size: 0.8em;
width: 100%;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

/* all */
* {
margin:0;
padding:0;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -o-box-sizing: border-box;
 -mos-box-sizing: border-box;
 box-sizing: border-box;
 
}

div.tab{
	position:absolute;
	width:350px;
	height:80px;
	background-color:#ffffff;
	margin-top: -150px;
	color: #fc89aa;
	font-size: 2.5em;
	line-height:0.8em;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W1", "Hiragino Mincho Pro", serif;
	text-align:left;
	padding-left: 20px;
	padding-top:10px;
box-shadow:0px 0px 6px 3px rgba(212,212,212,0.33);
-webkit-box-shadow:0px 0px 6px 3px rgba(212,212,212,0.33);
-moz-box-shadow:0px 0px 6px 3px rgba(212,212,212,0.33);

	
}


a:link { color: #474747; }
a:visited { color: #474747; }
a:hover { color: #474747; }
a:active { color: #474747; }




#container {
width: 100%; /* ページの幅 */
margin: 0 auto; /* センタリング */
}


img{
   border: none;
   margin: 0;
   padding: 0;
   vertical-align:middle;
}



/* header */

#head {
width: 100%;
margin: 0 auto;
}

#head_menu{
	width: 1300px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

img.title{
width:200px;
display:inline-block;
margin-left:100px;
}


div.info{
display:inline-block;
vertical-align:top;
margin-left:550px;
line-height:1.5em;
}

h1{
	font-size:13px;
	font-weight:100;
}

p.sub_{
color: #999999;
font-size: 0.7em;
mrgin-right: 0;

}

p.tel{
font-size: 2.0em;
font-family:'Lucida Grande',
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, sans-serif;
vertical-align:top;
}
p.tel2{
margin-top: 3px;
color:#000000;
font-size:1.2em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W1", "Hiragino Mincho Pro", serif;
vertical-align:0.5em;
}

a.tel:link { color: #000000; }
a.tel:visited { color: #000000; }
a.tel:hover { color: #000000;
text-decoration: underline; }
a.tel:active { color: #000000; }
a.tel{text-decoration: none;
padding-left: 1%;}


#menu{
width:100%;
height:50px;
text-align: center;
vertical-align:bottom;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0465A5+0,034275+100 */
background: #0465A5; /* Old browsers */
background: -moz-linear-gradient(top,  #0465A5 0%, #034275 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0465A5), color-stop(100%,#034275)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0465A5 0%,#034275 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0465A5 0%,#034275 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0465A5', endColorstr='#034275',GradientType=0 ); /* IE6-9 */
}



.menu01 {
vertical-align:bottom;
height:50px;
background: #0465A5; /* Old browsers */
background: -moz-linear-gradient(top,  #0465A5 0%, #034275 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0465A5), color-stop(100%,#034275)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0465A5 0%,#034275 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0465A5 0%,#034275 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0465A5', endColorstr='#034275',GradientType=0 ); /* IE6-9 */
display:inline-block;
}

.menu01 a {
vertical-align:bottom;
height:50px;
background: #0465A5; /* Old browsers */
background: -moz-linear-gradient(top,  #0465A5 0%, #034275 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0465A5), color-stop(100%,#034275)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0465A5 0%,#034275 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0465A5 0%,#034275 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0465A5', endColorstr='#034275',GradientType=0 ); /* IE6-9 */
display:inline-block;
}

.menu01 a:hover {
vertical-align:bottom;
height:50px;
background: #784184; /* Old browsers */
background: -moz-linear-gradient(top, #034275 0%, #0465A5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#034275), color-stop(100%,#0465A5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #034275 0%, #0465A5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #034275 0%, #0465A5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #034275 0%, #0465A5 100%); /* IE10+ */
background: linear-gradient(to bottom,  #034275 0%, #0465A5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#034275', endColorstr='#0465A5',GradientType=0 ); /* IE6-9 */
display:inline-block;
}



img.mt{
padding-top: 8px;
padding-left: 20px;
padding-right: 20px;
margin: 0 auto 0 auto;
}

/* main */
#main{
width: 1100px;
margin: 50px auto 0 auto;
text-align:center;
position:relative;

}



#main_contents{
width: 1100px;
margin: 0 auto;
text-align:center;
position:relative;
}




/* side_contents */
#side_all{
float: left;
width: 250px;
margin: 0 auto;
position: relative;
margin-top: 0;
}



div.side{
width: 250px;
background-color:#f0eae6;
/* border */
border-style:solid;
border-width:1px;
border-color:#c7c7e9;
margin-top:20px;
margin-bottom:50px; 


/* border-radius */
border-radius: 50px 50px 50px 50px;
-webkit-border-radius: 50px 50px 50px 50px;
-moz-border-radius:50px 50px 50px 50px;

/* box-shadow */
box-shadow:0px 0px 8px 0px rgba(89,38,98,0.2), inset 0 30px 50px 0 #fff;
-webkit-box-shadow:0px 0px 8px 0px rgba(89,38,98,0.2), inset 0 30px 50px 0 #fff;
-moz-box-shadow:0px 0px 8px 0px rgba(89,38,98,0.2), inset 0 20px 50px 0 #fff;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
padding-bottom: 20%;
}

p.side_t{
font-size:2.4em;
color:#0465A5;
padding: 20px 0 2px 0;
letter-spacing:0.1em;

}

p.side_sub{
text-align: left;
font-size:1.6em;
color:#0465A5;
padding: 30px 0 2px 0;
font-weight:bold;
}
hr.side_sub{
height: 2px;
background-color:#0465A5;
border-color#0465A5;
border: none;
margin-bottom:5%;
margin-top:-2%;
margin-left:2%;
width:95%;
}


p.side_knteisi{
text-align: left;
font-size:120%;
padding: 10px 0 0 10px;
letter-spacing:0.2em;
}

div.side_in{
background-color:#ffffff;
text-align:center;
margin:0 auto;
padding-top: 20px;
width:90%;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
 font-size:1.0em;
 padding-bottom: 5%;
 /* border-radius */
border-radius: 10px 10px 10px 10px;
-webkit-border-radius:10px 10px 10px 10px;
-moz-border-radius:10px 10px 10px 10px;

}

p.ati{padding-left: 20px;
margin-top: -10px;}


hr.side_in{
height: 1px;
background-color:#999999;
border-color:#999999;
border: none;
margin:5% auto 0 auto;
width:90%;

}

div.side_prof{
font-size:1.1em;
padding: 10px 0 2px 0;
line-height:2.5em;
text-align:left;
color:#034275;
font-weight:bold;
}

img.s_btn{
margin-top: 10%;
}

p.side_text_t{
	color:#0465A5;
	font-size:1.0em;
	font-weight:bold;
	padding-bottom:7px;
	letter-spacing:0.1em;
	padding-top:10px;

}


p.qr{
font-size:1.3em;
color:#0465A5;
font-weight:bold;
}

img.qr{
width:50%;
margin: 0 auto;
}

p.side_text{
	color:#555555;
	font-size:1.0em;
	text-align:left;
	padding-left: 0;
	padding-bottom: 10px;
	line-height: 2em;
	letter-spacing:0.1em;
	margin-bottom: 10px;
}




hr.side_l{
height: 1px;
background-color:#c7c7e9;
border-color:#c7c7e9;
border: none;
margin-top:5%;
margin-bottom:5%;
}



#contents_all{
width: 800px;
float: right;
margin-top: -20px;
}

/* 01_about mobasupi */

#contents1{
text-align:left;
background-image:url(../new_SEO02/main.jpg);
width: 800px;
height: 430px;
background-repeat: no-repeat;
background-size:contain;
position:relative;
background-position: top;

}

p.about_mobaspi{
margin-left:5%;
padding-top: 5%;
color:#034275;
font-size: 3.7em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W1", "Hiragino Mincho Pro", serif;
font-weight:bold;
letter-spacing:0.1em;
vertical-align:bottom;
}

img.moba01{
	vertical-align:bottom;
}
p.contents1{
	margin-left:5%;
	padding-top: 2%;
	line-height:1.6em;
	font-size:1.0em;
	color:#696969;
	letter-spacing: 0.1em;

}
p.contents1_s{
	margin-top:-2%;
	margin-left:72%;
	color:#f04b76;
	font-size: 1.4em;
	letter-spacing:0.2em;
}


p.top_btn{
width:550px;
margin-left: 100px;
}


/* 02_taiken */

#contents2{
text-align:center;
width: 680px;
position:relative;
margin-left:5%;
margin-top:5%;
margin-bottom:5%;
}

p.taiken_t{
	margin: 0 auto;
	width: 95%;
	padding-bottom: 100px;
}

div.taiken{
	display:inline-block;
	text-align:center;
	position:relative;
	height: 300px;
	margin-right:2%;
	width: 30%;
	margin-top: -10%;
	background-image:url(../new_SEO/10.taiken_on.png);
	background-repeat:no-repeat;
	background-position: top;

}

p.taiken_s{
padding-top: 5%;
margin: 0 auto;
text-align:center;
width: 100%;
font-size: 1.2em;
line-height:1.5em;
}
p.taiken_t{
	margin: 0 auto;
	width: 95%;
	padding-bottom: 100px;
}
div.taiken{
	display:inline-block;
	text-align:center;
	position:relative;
	height: 300px;
	margin-right:2%;
	width: 30%;
	margin-top: -10%;
	overflow:hidden;
	

}
p.taiken_s{
padding-top: 5%;
margin: 0 auto;
text-align:center;
width: 100%;
}


a.taiken:link { color: #919191; }
a.taiken:visited { color: #919191; }
a.taiken:hover { color: #919191;
text-decoration: underline; }
a.taiken:active { color: #919191; }
a.taiken{
text-decoration: none;
}

div.on_text{
position: absolute;
margin-top:50px;
margin-left: 50px;
display:none;
}

/* 03_mobaspi_point */

#contents3{
text-align:left;
margin:120px auto 50px auto;
width: 800px;
position:relative;
margin-bottom: 0px;
}

div.contents3_t{
color:#034275;
font-size: 3em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W1", "Hiragino Mincho Pro", serif;
font-weight:bold;
width: 700px;
text-align:left;
margin: 0 auto;
padding-left: 15px;
}

hr.con03 {
height: 5px;
background-color:#0465A5;
width:700px;
margin: 0 auto 20px auto;
}

hr.con03_s {
height: 1px;
background-color:#0465A5;
width:85%;
margin: 30px auto 0px auto;
border: none;
}

span.point_n{
text-align:left;
margin: 50px 0 0 50px;
width:20px;
height:20px;
vertical-align:bottom;
}

span.point_nt{
color:#034275;
font-size: 1.5em;
font-family:'Lucida Grande',
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, sans-serif;
text-align:left;
}
p.point_ts{
font-size: 1.0em;
font-family:'Lucida Grande',
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, sans-serif;
text-align:left;
margin: 0 0 20px 50px;
}

/* 04_mobaspi_saport */

#contents4{
text-align:center;
margin: 0 auto;
width: 800px;
position:relative;
mrgin-bottom: 10px;
}

span.mark{
color:#64d0b8;
font-size: 0.5em;
vertical-align:top;
}

div.mobaspi_t{
　　margin:0 auto;
    text-align:left;
	padding-left:100px;
	line-height:2.0em;
	font-size: 1.2em;
	padding-top: 50px;
	}	

div.mobaspi_a{
margin:0 auto;
padding-top: 30px;
text-align:center;
position:relative;
background-image:url(../new_SEO/13.kuwasiku.png);
width: 300px;
height: 70px;
margin-top: 50px;
margin-bottom: 10px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
font-size: 1.2em;
}

a.mobaspi_a:link { color: #919191; }
a.mobaspi_a:visited { color: #919191; }
a.mobaspi_a:hover { color: #919191;
text-decoration: underline; }
a.mobaspi_a:active { color: #919191; }
a.mobaspi_a{
text-decoration: none;
}


/* 05_kanteisi */

#contents5{
text-align:center;
margin:120px auto 50px auto;
width: 800px;
position:relative;
margin-bottom: 150px;
}

div.kanteisi_t{
color:#034275;
font-size: 3em;
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W1", "Hiragino Mincho Pro", serif;
font-weight:bold;
width: 700px;
text-align:left;
margin: 0 auto;
padding-left: 15px;
}

hr.con05 {
height: 5px;
background-color:#0465A5;
width:700px;
margin: 0 auto;
}

hr.con05_s {
height: 1px;
background-color:#0465A5;
width:85%;
margin: 30px auto 0px auto;
border: none;
}

#kanteisi_all{
text-align:left;
margin-left:6%;
width: 800px;
position:relative;
margin-top:50px;
}

div.rubi{
	width:200px;
	margin: -4% auto 5% auto;
	text-align:center;
	font-size:0.8em;
	color:#0465A5;
}


div.kanteisi{
	display:inline-block;
	text-align:left;
	margin-right:5%;
	width: 200px;
	margin-top: 0;
	vertical-align:top;
	margin-bottom: 5%;
	text-align: center;
}

p.kanteisi_n{
text-align: center;
color:#0465A5;
font-size: 1.7em;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
}

p.kanteisi_a{
color:#4d4d4d;
font-size: 1.1em;
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;
line-height:1.5em;
text-align: left;
}

p.kanteisi_link{
font-size:1.2em;
font-color: #999966;
font-family:'Lucida Grande',
'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, sans-serif;
position: absolute;
bottom:0;
margin-left:3%;
}

a.kanteisi_link:link { color: #999966; }
a.kanteisi_link:visited { color: #999966; }
a.kanteisi_link:hover { color: #999966; }
a.kanteisi_link:active { color: #999966; }
a.kanteisi_link{
text-decoration: none;
}

img.u_genre{
	padding: 50px 0 5px 0;
	
}

/* 06_form */

#contents6{
text-align:center;
margin: 0 auto;
width: 800px;
position:relative;
margin-top:50px;
margin-bottom: 50px;
padding-top: 100px;
}

div.touroku{
text-align: center;
position: relative;
width: 750px;
height: 1000px;
background-size: contain;
margin: 0 auto;
background-color: #f9f9f9;}
.touroku:before, .touroku:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 10px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 10px rgba(0,0,0,0.8);
    box-shadow:0 0 10px rgba(0,0,0,0.8);
    top:20%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:90px / 5px;
    border-radius:90px / 5px;
}





/* footer */



ul.f_menu{
margin-left:0%;
}
ul.f_menu li{
display: inline;
list-style-type: none;
margin-right:8%;
}

a.f_menu:link { color: #ffffff; }
a.f_menu:visited { color: #ffffff; }
a.f_menu:hover { color: #ffffff;
text-decoration:  none;}
a.f_menu:active { color: #ffffff; }
a.f_menu{
text-decoration: underline;
}


#f_menu  {
text-align:center;
width: 800px;
margin: 0 auto;
padding-top:2%;
color:#ffffff;
}
#f_menu li {
	display:inline;
	list-style-type:none;
	margin-right:20px;
	padding-left:20px;
}
#f_menu li+li {
	border-left:1px solid #999;
}

p.foot_s{
margin-top: 20px;
font-size; 1.8em;
color:#156aa3;
}


#main_foot{
padding: 20px 0 20px 0;
width:100%;
margin: 0 auto;
text-align:center;
position:relative;
background-position: top;
background-repeat: no-repeat;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#784184+0,592762+100 */
background: #0465A5; /* Old browsers */
background: -moz-linear-gradient(top,  #0465A5 0%, #034275 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0465A5), color-stop(100%,#034275)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0465A5 0%,#034275 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0465A5 0%,#034275 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0465A5 0%,#034275 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0465A5', endColorstr='#034275',GradientType=0 ); /* IE6-9 */
}


.clear {
clear:both;　/*floatの解除、ここがポイント*/
}