/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(images/bg_01.png);
	margin: 0;
	padding: 0;
	text-align: center;
}
div,p,h1,h2,h3,h4 { margin: 0px; padding: 0px; }

img {
	max-width: 100%;
	height: auto;
	border: none;
}
p { font-size: 1.2em; }

a{/*リンクされた文字*/
    color:#FFF;
    text-decoration:none;
}
a:link {/*未訪問のリンク*/
    color:#FFF;
    text-decoration:none;
}
a:visited {/*訪問後のリンク*/
    color:#FFF;
    text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
    color:#d8d8d8;
    text-decoration:none;
}
a:active {/*クリック中*/
    color:#FFF;
    text-decoration:none;
}

#container {
	width: 980px;
	margin: 0 auto;
	background-color: #FFF;
}
#container .p_left { text-align: left; }

#container table { margin: 0 auto 20px auto; }



/* 動画 */
.douga {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
.video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 装飾 */

.space10 { margin-bottom: 10px; }
.space20 { margin-bottom: 20px; }
.space40 { margin-bottom: 40px; }
.space60 { margin-bottom: 60px; }

.spaceP20 { padding-bottom: 20px; }
.spaceP40 { padding-bottom: 40px; }
.spaceP60 { padding-bottom: 60px; }

.p_line { border-bottom: 1px solid #999; }

.tx_pink { color: #d55858; }
.tx_blue { color: #006AD5; }
.tx_yellow { color: #FC0; }
.tx_b { font-weight: bold; }

.bg_y { background-color: #FFFFD9; }
.bg_g { background-color: #f5f5f5; }
.bg_b { background-color: #d9f3f5; }
.bg_r { background-color: #FFF0F0; }

h1.teian { font-size: 80px; }
h2.teian { font-size: 36px; }
h3.teian { font-size: 28px; }

.tx_90 { font-size: 90%; }
.tx_120 { font-size: 120%; }

div.jikanwari{
	margin:20px auto 40px auto;
	width:920px;
	text-align: center;
}

/* ボタン系 */
div.box{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:23px;
	width:200px;
	color:#FFF;
	background-color:#33a5c2;
	padding:10px;
	float:left;
	margin:0 10px 10px 0;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
div.box2{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:23px;
	width:890px;
	color:#FFF;
	background-color:#CC3300;
	padding:10px;
	float:left;
	margin:0 0 15px 0;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
div.button{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:23px;
	width:275px;
	color:#FFF;
	background-color:#d55858;
	padding:10px;
	float:left;
	margin:0 15px 10px 0;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

div.button2{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:23px;
	width:275px;
	color:#FFF;
	background-color:#d55858;
	padding:10px;
	float:left;
	margin:0 0 10px 0;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

/* 申込の流れ */
div.ilst {
width:250px;
float:left;
margin-right:20px;	
}
div.disc {
float:left;
text-align:left;
width: 590px;
}
div.disc p.large {
font-size: 25px;
font-weight: bold;
}
div.arrow { width:200px; }
.table_text {
color:#FFF;
font-size:18px;
color:#FFF;
font-weight:bold;	
}

.ttl {
	border:3px double #fff;
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	background-color:#d55858;
	color:#FFFFFF;
	padding:5px;
	margin:0 0 10px 0;
	height:10px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

p.ttl2 {
	border:3px double #CFCFCF;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:20px;
	color:#FFF;
	background-color:#424242;
	padding:5px;
	margin:0 0 15px 0;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

p.large space40 a{/*リンクされた文字*/
    color:#000;
    text-decoration:underline;
}
p.large a:link {/*未訪問のリンク*/
    color:#000;
    text-decoration:underline;
}
p.large a:visited {/*訪問後のリンク*/
    color:#000;
    text-decoration:underline;
}
p.large a:hover {/*マウスをのせたとき*/
    color:#000;
    text-decoration:none;
}
.nagare a:active {/*クリック中*/
    color:#000;
    text-decoration:none;
}

/* 可変部分ひとつめ */
#container #sub01 {
	margin-right: 15px;
	margin-left: 15px;
}
#container #sub01 dl dt {
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
}
#container #sub01 dl dd {
	font-size: 120%;
	line-height: 140%;
	margin-bottom: 40px;
}

/* 先輩の声 */
#container #voice {
	margin-right: 15px;
	margin-left: 15px;
}
#container #voice .voiceMen {
	background-image: url(images/lp_bg_02.png);
	background-repeat: no-repeat;
	height: 191px;
	width: 272px;
	padding-top:15px;
	padding-left: 10px;
	float: left;
}
#container #voice .voiceWoman {
	background-image: url(images/lp_bg_03.png);
	background-repeat: no-repeat;
	height: 191px;
	width: 272px;
	padding-top:15px;
	padding-left: 10px;
	float: left;
}
#container #voice .voiceTxt {
	float: right;
	width: 620px;
}
/*#container #voice dl dt {
	color: #006AD5;
	font-size: 140%;
	font-weight: bold;
	background-color: #f5f5f5;
	padding: 5px;
	margin-bottom: 20px;
}
#container #voice dl dt .sub0Name {
	color: #333333;
	font-size: 100%;
	text-align: right;
}
#container #voice dl dd {
	font-size: 120%;
	line-height: 140%;
	margin-bottom: 40px;
}*/


@media (max-width: 767px) {
/* スマートフォンで見たときのデザイン */
#container { width: 100%; }
.tx_90 { padding: 0 3%; text-align:left; }

h1 { padding: 0 3%; font-size:19px; }
h2 { padding: 0 3%; font-size:17px; text-align:left; }
h3 { font-size:15px;}
h1.teian { font-size: 26px; }
h2.teian { font-size: 22px; }
h3.teian { font-size: 20px; }

.space60 { margin-bottom: 40px; }

div.button{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	width:90%;
	color:#FFF;
	background-color:#d55858;
	padding:10px;
	margin:10px 0 10px 5px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
div.button2{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	width:90%;
	color:#FFF;
	background-color:#d55858;
	padding:10px;
	margin:10px 0 10px 5px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
div.box{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	width:92%;
	color:#FFF;
	background-color:#33a5c2;
	padding:10px;
	margin:10px 5px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
div.box2{
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:12px;
	width:92%;
	color:#FFF;
	background-color: #CC3300;
	padding:10px;
	margin:10px 5px;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}
div.jikanwari{
	margin: 20px auto 40px auto;
	width: 95%;
	text-align: center;
	padding-bottom: 20px;
}
table td{
	font-size:10px;
}
div.ilst {
width:200px;
}

div.disc {
text-align:left;
width:auto;
}

div.disc p.large {
font-size:17px;
font-weight:bold;
margin:10px 0;
}

div.disc p.small {
font-size:12px;
}

div.arrow {
margin:0 auto;
width:200px;
}

.table_text {
color:#FFF;
font-size:14px;
color:#FFF;
font-weight:bold;
}

p.ttl {
	border:3px double #CFCFCF;
	font-weight:bold;
	text-align:center;
	font-family:Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,Helvetica,Arial,Verdana,sans-serif;
	font-size:20px;
	width:200px;
	color:#FFF;
	background-color:#6F6F6F;
	padding:5px;
	margin:10px 0 15px 0;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

#container #voice { float: none; }
#container #voice .voiceTxt { width: 100%; }

#cctel { 
font-size: 80%;}

}

/* 印刷用 */
@media print{
body { background-color: #FFF; background-image: none; }
#container { width: 95%; }
.sub { display:none; }
/*#header { display:none; }*/
#sub01 { width:100%; float:none; page-break-after: always; }
#sub02 { width:100%; float:none; margin-top:50px; }
#voice { display:none; }
#cctel { width:100%; float:none; }
h1.teian { font-size: 60px; }
h2.teian { font-size: 30px; }
h3.teian { font-size: 22px; }
.kouza table {
  background-color: 100%;     /* ハックなし */
  font-size: 10px\9; /* IE8以下 */
  *font-size: 10px;   /* IE7以下 */
  _font-size: 10px; /* IE6 */
}
}

/*　テキスト装飾
 -------------------------------------------------- */
.c_tx12 {
	font-size: 12px;
	line-height: 150%;
}

.c_tx14 {
	font-size: 14px;
	line-height: 150%;
}

.c_tx16 {
	font-size: 16px;
	line-height: 150%;
}

.c_tx18 {
	font-size: 18px;
	line-height: 150%;
}

.c_tx20 {
	font-size: 20px;
	line-height: 150%;
}

.c_tx24 {
	font-size: 24px;
	line-height: 150%;
}

.c_tx26 {
	font-size: 26px;
	line-height: 150%;
}

.c_tx28 {
	font-size: 28px;
	line-height: 150%;
}

.c_tx30 {
	font-size: 30px;
	line-height: 150%;
}

.c_tx32 {
	font-size: 32px;
	line-height: 150%;
}

.c_tx34 {
	font-size: 34px;
	line-height: 150%;
}

.c_tx36 {
	font-size: 36px;
	line-height: 150%;
}

.c_tx42 {
	font-size: 42px;
	line-height: 150%;
}

.c_tx46 {
	font-size: 46px;
	line-height: 150%;
}

.c_tx48 {
	font-size: 48px;
	line-height: 150%;
}

.c_tx52 {
	font-size: 52px;
	line-height: 150%;
}

.c_tx54 {
	font-size: 54px;
	line-height: 150%;
}

p .photo{
	padding:2px;
	border:#E3E3E3 1px solid;
	background-color:#FFFFFF;
}