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

initial

------------------------------------------------*/

* {
	margin:0px;
	padding:0px;
	font-size: 18px;
}
body {
	line-height:180%;
	font-size:18px;
	color:#333;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
	background-color:#F2;
	background-image: url('./img/bg.jpg');

 /* 画像を常に天地左右の中央に配置 */
  background-position: top;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
}

h1{
display:none;
}
img {
	border:0px;
}
a:link {
	color: #006699;
	text-decoration:underline;
}
a:visited {
	color: #006699;
	text-decoration:underline;
}
a:hover {
	color: #006699;
	text-decoration:none;
}
a:active {
	color: #006699;
	text-decoration:none;
}

.SkypeInfo dl{
	margin:10px 30px;
}

.SkypeInfo dt,
.SkypeInfo dd{
	text-align: left;
}

.SkypeInfo dt{
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	color: #FF5B5B;
	font-size: 20px;
}

.SkypeInfo dd{
	margin-bottom: 1.5em;
	margin-top: 0.5em;
	margin-left: 1em;
}

.SkypeInfo strong{
	font-size: 18px;
	font-weight: bold;
}

.SkypeInfo .bg_yellow{
	font-weight: bold;
	font-size: 18px;
	background: yellow;
}

.SkypeInfo h3{
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	color: #0154CF;
	margin: 1em auto;
}

.movie {
  position: relative;
  height: 0;
  padding-top: 56.25%;
}
.movie iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*------------------------------------------------

page

------------------------------------------------*/

p, h1 {
	margin:10px 30px;
	padding:0px;
	border-bottom-color: #CCCCCC;
}
img {
	border:0px;
}
ul, li {
	padding:0px;
	margin:0px;
	list-style:none;
}
.tec, .tecb10, .tecb20, .tecb30 {
	text-align:center;
}
.tecb10 {
	margin-bottom:10px;
}
.tecb20, .terb20 {
	margin-bottom:20px;
}
.tecb30 {
	margin-bottom:30px;
}
.ter, .terb20 {
	text-align:right;
}
.tecb40 {
	text-align:center;
	margin-bottom:40px;
}
.tecb60 {
	text-align:center;
	margin-bottom:60px;
}
.tecp40 {
	text-align:center;
	padding-bottom:40px;
}
.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
}
/*------------------------------------------------

margin

------------------------------------------------*/


.mrb10 {
	margin-bottom:10px;
}
.mrb20 {
	margin-bottom:20px;
}
.mrb30 {
	margin-bottom:30px;
}
/* color */

.color1 {
	color:#cc0000;
}
.color2 {
	color:#0066cc;
}
/*------------------------------------------------

body

------------------------------------------------*/


#head-out{
	height:700px;
	background-image: url(img/head.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin: auto;

}

#head{
	margin:0px auto 0px;
}

#main_column {
	margin:0px auto;
	width:940px;
	padding:0px 37px 0px 38px;
	background:url(img/bg-main_column.jpg) repeat-y;
}

.main {
	margin:0px auto;
	width:250px;
	height:70px;
	padding:366px 0px 0px 670px;
	background:url(img/bg-main.jpg) no-repeat;
}

.w830b20 {
	margin:0px auto 20px;
	width:830px;
}
.w830b30 {
	margin:0px auto 40px;
	width:830px;
}
.w840b40 {
	margin:0px auto 40px;
	width:840px;
}

.w840{
	margin:0px auto 0px;
	width:842px;
	border: 4px solid #666666;
}

.prof_left{
	
}


.prof_right{
	background-color:#F2F2E3;
	padding:30px;
	
}

.f1 {
	width:610px;
	float:left;
}
.f2 {
	width:211px;
	float:right;
}
.f3 {
	width:570px;
	float:left;
}
.f4 {
	width:250px;
	padding-top:40px;
	float:right;
}
.form {
	width:920px;
	height:565px;
	background:url(img/bg-form.jpg) no-repeat;
}
.pab120 {
	padding-bottom:120px;
}
.form-innar {
	padding:165px 0px 0px 30px;
}
.form-in {
	margin-bottom:20px;
	width:391px;
	height:244px;
	background:url(img/bg-form1.jpg) no-repeat;
}
.form-in2 {
	font-size:12px;
	line-height:150%;
	margin:0px auto;
	width:338px;
}
.form-in2 td {
	padding:5px 10px;
}
.pro {
	margin-bottom:30px;
	padding-left:36px;
	width:884px;
}
.pro1 {
	width:244px;
	float:left;
}
.pro2 {
	width:619px;
	float:right;
}
.pro2-in {
	padding:0px 25px;
	width:569px;
	font-size:14px;
	color:#000;
	line-height:200%;
}
.user {
	margin:0px auto 30px;
	width:790px;
}
.user1 {
	width:125px;
	float:left;
}
.user2 {
	width:646px;
	float:right;
}
.usertext {
	padding:10px;
}
.tuishin {
	padding:0px 60px 30px 60px;
}
.tutu {
	float:right;
	margin:0px 0px 20px 20px;
}
#foot {
	width:100%;
	color:#fff;
	text-align:center;
	font-size:12px;
	background: #FF3333;
}
.foot-innar {
	padding:10px 0px 0px;
}
.mat {
	text-decoration:underline;
	font-weight:bold;
	margin-bottom:20px;
}
.mat0 {
	text-decoration:underline;
	font-weight:bold;
}
.us {
	margin:0px auto 20px;
	width:680px;
	padding:35px 35px;
	background:#F1F1F1;
}
.us1 {
	width:133px;
	float:left;
}
.us2 {
	width:536px;
	float:right;
}
.nat {
	margin:0px auto 40px;
	width:830px;
	line-height:250%;
}
.qu-ov {
	width:660px;
	margin:0px auto;
}
.qu {
	width:660px;
	font-size:18px;
	font-weight:bold;
	line-height:150%;
	padding:0px 0px 10px 40px;
	background:url(img/bg-q.gif) no-repeat;
}
.que {
	margin-bottom:10px;
	width:660px;
	background:url(img/dot.gif) repeat-x bottom;
}
.end {
	color:#666;
	font-size:12px;
	line-height:150%;
	text-align:center;
	padding-bottom:40px;
}
.comnt_font {
	color:#999;
	font-size:12px;
}
.pdgl01 {
	padding-left:10px;
}
#form_cnt {
	margin:0px auto;
	width:920px;
	padding:0px 37px;
	_margin: -3px auto 0 auto;
	background:url(img/bg-body.jpg) repeat-y;
	background-position:1px;
	_background-position:1px;
}
*:first-child+html #form_cnt {
	margin: -3px auto 0 auto;
	background-position:1px;
}
#foot a:link {
	color: #fff;
	text-decoration:underline;
}
#foot a:visited {
	color: #fff;
	text-decoration:underline;
}
#foot a:hover {
	color: #fff;
	text-decoration:none;
}
#foot a:active {
	color: #fff;
	text-decoration:none;
}
.smallfont2 {
	font-size:80%;
	line-height:1.5;
	color:#999;
}
.level1 {
	font-size:120%;
}
.level2 {
	font-size:140%;
	line-height:1.5;
}
.level3 {
	font-size:160%;
}
.level4 {
	font-size:170%;
}
.suisen2 {
	width:730px;
	height:1656px;
	background:url(img/bg_suisen_dream.jpg) no-repeat;
}
.pro_jisseki {
	width:920px;
	height:1315px;
	background:url(img/pro_jisseki.jpg) no-repeat;
}
.users_voice1 {
	margin:0 0 0 65px;
	padding:475px 0 40px 150px;
	width:790px;
	background:url(img/bg_uservoice1.png) no-repeat;
}
.users_voice2 {
	margin:0 0 0 65px;
	padding:475px 0 40px 150px;
	width:790px;
	background:url(img/bg_uservoice2.png) no-repeat;
}
.users_voice3 {
	margin:0 0 0 65px;
	padding:475px 0 40px 150px;
	width:790px;
	background:url(img/bg_uservoice3.png) no-repeat;
}
.users_voice4 {
	margin:0 0 0 65px;
	padding:600px 0 40px 150px;
	width:790px;
	background:url(img/bg_uservoice4.png) no-repeat;
}
.users_voice5 {
	margin:0 0 0 65px;
	padding:500px 0 40px 150px;
	width:790px;
	background:url(img/bg_uservoice5.png) no-repeat;
}
.users_voice6 {
	margin:0 0 0 65px;
	padding:500px 0 40px 150px;
	width:790px;
	background:url(img/bg_uservoice6.png) no-repeat;
}
.users_voice7 {
	margin:0 0 0 65px;
	padding:500px 0 40px 150px;
	width:790px;
	background:url(img/bg_uservoice7.png) no-repeat;
}
.pro_suisen1 {
	margin:40px 0 0 65px;
	padding:180px 0 40px 0px;
	width:790px;
	background:url(img/bg_pro_suisen1.jpg) no-repeat;
}
.pro_suisen1 p.p_txt1 {
	width:389px;
	padding:20px 0 40px 310px;
	line-height:1.8;
}
.pro_suisen1 p.p_txt1 span {
	font-size:35px;
}
.p_txt2 {
	width:639px;
	height:480px;
	padding:10px 0 0 60px;
	line-height:1.8;
}
.p_txt_em {
	color:#C00;
	font-size:24px;
}
.p_txt3 {
	width:584px;
	padding:110px 0 100px 90px;
	line-height:1.5;
	font-size:14px;
}
.pro_suisen2 {
	margin:20px 0 0 65px;
	padding:180px 0 40px 0px;
	width:790px;
	background:url(img/bg_pro_suisen2.jpg) no-repeat;
}
.p_txt4 {
	width:258px;
	padding:20px 0 40px 65px;
	line-height:1.8;
}
.p_txt4 span {
	font-size:35px;
}
.p_txt5 {
	width:655px;
	padding:20px 0 40px 65px;
	line-height:1.8;
}
.p_txt6 {
	width:580px;
	padding:60px 0 40px 95px;
	line-height:1.5;
	font-size:14x;
}
.p_txt6 span {
	font-weight:bold;
}
.b-disc1 {
	width:856px;
	height:1979px;
	margin:20px 0 0 33px;
	padding:0 0 30px 0;
	background:url(img/bg_b-disc1.jpg) no-repeat;
}
.b-disc2 {
	width:856px;
	height:2077px;
	margin:20px 0 0 33px;
	padding:0 0 30px 0;
	background:url(img/bg_b-disc2.jpg) no-repeat;
}
.b-disc1 h3, .b-disc2 h3 {
	font-size:14px;
	color:#993300;
	padding:0 0 0px 60px;
}
.b-disc1 p, .b-disc2 p {
	font-size:14px;
	width:745px;
	padding:0 0 10px 60px;
}
.tsuishin {
	width:795px;
	height:1366px;
	margin:20px 0 0 60px;
	padding:0 0 30px 0;
	background:url(img/bg_tsuishin.jpg) no-repeat;
}
.tsuishin p {
	padding:110px 80px 0 80px;
	line-height:2.2;
}
.tsuishin p span {
	color:#F30;
}
.tsuishin p.tsuishin2 {
	padding:72px 80px 0 80px;
	line-height:2.2;
}
.block{
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-image: url(block_bg.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#pri{
background-color:#fcfcfc;
border:1px solid #CCCCCC;
}

#pri p{
font-size:12px;
color:#666666;
}

h2{
margin-bottom:20px;
}

h3 a{
font-weight:normal;
font-size:13px;
padding-top:5px;
}


.comment-header{
background-color:#efefef;
padding:5px;
}

.comments-open-content{
border:1px solid #efefef;
padding:10px;
margin:10px;
}

.midashi{
	border-top: 3px solid #0099FF;
	border-bottom: 3px solid #0099FF;
	background: #f2f2f2;
	font-size: 25px;
	font-weight: bold;
	padding: 30px 15px;
	text-align: center;
}

.largetext{
	font-weight: bold;
	font-size: 30px;
	color: #CC0000;
}

p{
	margin-top: 1em;
	margin-botoom: 1em;
}

/* --- ナビゲーションバー --- */
div.nav {
width: 100%; /* ナビゲーションの幅 */
background-color: #fff; /* ナビゲーションの背景色 */

border-top: 1px #333 solid;  /* 上境界線 */
border-bottom: 2px #333 solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul {
width: 100%; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background-color: #f8f8f8; /* メニューの背景色 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.nav ul li {
width: 20%; /* 項目の幅 */
float: left;
font-size: 20px;
}

/* --- リンク --- */
div.nav ul li a {
display: block;
position: relative; /* IE6用 */
padding: 8px 2px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #999 solid; /* リンクエリアの左境界線 */

text-decoration: none; /* テキストの下線（なし） */
font-size: 25px;

}
/* --- ポイント時の設定 --- */
div.nav ul li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


.m_bottom_list{
	text-align: center;
}

.m_bottom_list li{
	width: 48%;
	margin: 5px;
	padding-top: 1em;
	padding-bottom: 1em;
	background: #ddd;
list-style-type: none;
text-align: center;
  border-radius: 10px;
	float: left;
	font-size: 22px;
	font-weight: bold;

}

.m bottom_list li.select{
	background: #cc0000;
}


@media screen and (min-width: 750px) {

#main_column2 {
	margin:0px auto;
	width: 1000px;
	padding:0px;
	background: #fff;
/*	background:url(img/bg-main_column.jpg) repeat-y; */
}

.w1000{
	width: 1000px;
	padding:0px;
	background: #fff;
}

.topImg{
	background-image:url(./img/movtop.png);
	height:250px;
	background-position:center top;
	background-repeat: no-repeat;
	background-color: #fff;
}

.headHidden{
	width:600px; float:left; display:block; text-indent:-9999px; height:100px;

}

.pad2050{
	padding:20px; padding-top:50px;
}

.pad100{
 padding-left:100px; padding-right: 100px; padding-top:20px;
}

.w700{
	width: 700px;
	text-align: left;
}


.mailListhead {
  padding: .75em 10px;
  border-top: 1px solid #DD2D00;
  border-bottom: 1px solid #DD2D00;
  background: #DD2D00;
  margin-bottom: 1em;
  font-size: 22px;
  text-align: center;
  color: white;

}


.iFrameSize{
	width:700px;
	height: 394px;
}


.LineInfo{
	padding:20px; margin:0px; border:4px solid #35DF26; background-color:#F0FDF0;
}

}


@media screen and (max-width: 750px) {

html { overflow-y: scroll; }

#main_column2 {
	margin:0px auto;
	width: 100%;
	padding:0px;
	background: #fff;
/*	background:url(img/bg-main_column.jpg) repeat-y; */
}

.w1000{
	width: 100%;
	padding:0px;
	background: #fff;
}

.topImg{
	background-image:url(./img/movtop_s.png);
	height: 160px;
	background-position:center top;
	background-repeat: no-repeat;
	background-color: #333;
}

.headHidden{
	float:left; display:block; text-indent:-9999px; height:100px;

}

.pad2050{
	padding:0px; padding-top:50px;
}

.pad100{
 padding-left:0px; padding-right: 0px; padding-top:20px;
}

.w700{
	width: 90%;
	text-align: left;
}

.mailListhead {
  padding: .75em 10px;
  border-top: 1px solid #DD2D00;
  border-bottom: 1px solid #DD2D00;
  background: #DD2D00;
  margin-bottom: 1em;
  font-size: 22px;
  text-align: left;
  color: white;

}


img{
	max-width: 100%;
}

.iFrameSize{
	width: 90%;
	
}

p{
	margin-left: 4%;
	margin-right: 4%;
}

.nav ul{
	tex-align: left;
	background: red;
}

div.nav ul li {
font-size: 14px;
}

/* --- リンク --- */
div.nav ul li a {
font-size: 14px;

}

.LineInfo{
	padding:5px; margin:0px; border:4px solid #35DF26; background-color:#F0FDF0;
}

.m_bottom_list{
	text-align: center;
}

.m_bottom_list li{
	width: 45%;
	margin: 5px;
	padding-top: 1em;
	padding-bottom: 1em;
	background: #ddd;
list-style-type: none;
text-align: center;
  border-radius: 10px;
	float: left;
	font-size: 22px;
	font-weight: bold;

}

.m bottom_list li.select{
	background: #cc0000;
}


}