/*
name: kimyunho
day : 14.06.17
content : main css
*/

@CHARSET "UTF-8";


/* html */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}

html{

	font-family:Meiryo,'Lucida Grande',
 	'Hiragino Kaku Gothic ProN', '�q���M�m�p�S ProN W3',
	���C���I, sans-serif;

}

body {

	text-align:center;
	background-color: #E45380;
}

/* font size */

.td_number
{
	font-size: 13px;
}

/* font color */

.table_red
{
	color: #FF0000;
	display: inline;
}

.table_gray
{
	color: #898989;
	display: inline;
}


#wrapper{
top: 0;
margin:0px auto;
width: 100%;
border: 0px;
border-top: 0px;
height: 1600px;
max-width: 1200px;
text-align: center;

}

#sns_buttons{
	top: 0;
	right: 0;
	margin:0px auto;
	padding: 0;
	width: 100%;
	border: 0px;
	text-align: right;
}

#sns_buttons iframe{

	float: right;
}
#sns_buttons tr,
#sns_buttons td{

	text-align: right;
}

#google_button{

	margin-top: -6px;
	margin-left: -10px;
}

#tweet_button{

	margin-top: 1px;
	margin-left: 12px;
}

#facebook_button{

	margin-top: 1px;
}


#logo{

top: 0;
margin:0px auto;
border: 0px;
width: 100%;
border-top: 0px;
text-align: center;
}

#logo img{
	width: 100%;
	max-width: 1200px;
}


#main_nav{

	width: 100%;
	max-width: 1200px;
	margin:0px auto;
	padding: 0;
	left: 0;
	border: 0px;
	margin-top: -17px;
	text-align: center;

}

#main_nav ul{

	width: 98%;
	max-width: 1200px;
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
}

#main_nav a,
#main_nav a:hover,
#main_nav a:focus {
  	color: #E45380 !important;
	text-decoration:none;
	font-size: 10px;
	text-align: center !important;
}

#main_nav li{
	float: left;
	list-style: none;
	width: 49%;
	max-width: 600px;
	margin-top: 2px;
}

#reserve {

	width: 30%;
}

#li_last{
	border-left: 1px solid #E45380;
}


/* #main_nav2{

	width: 100%;
	max-width: 777px;
	background-color: #fff;
	height: 100%;
	max-height: 30px;
	margin:0px auto;
	padding: 0;
	left: 0;
	border: 0px;
	margin-left: -30px;
	margin-top: -41px;

}

#main_nav2 ul{

	width: 100%;
	max-width: 1200px;
	background-color: #fff;
	height: 100%;
	max-height: 40px;
	border-top: 1px solid #E45380;
}

#main_nav2 a,
#main_nav2 a:hover,
#main_nav2 a:focus {
  	color: #E45380 !important;
	text-decoration:none;
	font-size: 10px;
}

#main_nav2 li{
	float: left;
	list-style: none;
	width: 34%;
	max-width: 247px;
	margin-top: 2px;
}

#main_nav2_li{

	width: 44% !important;
}

#li_profile{

	width: 20% !important;
	border-left: 1px solid #E45380;
	padding-left: 2px;
	border-right: 1px solid #E45380;
	padding-right: 2px;
}
 */

#main_banner {
	margin-top: 1px;
	background-color: #fff;

}
#main_banner img{
	width: 100%;
	max-width: 1200px;
	margin-right: -20px;
	z-index: 1;
	margin-bottom: -4px;
}


#content{

	width: 100%;
	max-width: 1200px;
	margin-top: -1px;
}

/* 150511 kimyunho img width percent css */

.img_width_70_percent
{
	width: 70% !important;
}

.img_width_80_percent
{
	width: 80% !important;
}

/* page1 css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#page1{

	background-color: #fff;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	margin-left: -8px;
	padding-right: 18px;
	z-index: -1000;

}

#page1_margin{

	margin-left: 15px;

}

#page1_title{

	font-size: 15px;
	color: #E45380;
	width:100%;
	max-width: 350px;
	padding-top: 20px;
	padding-left: 30px;
	text-align: left;

}

#page1_title_hr{
	border:none !important;
    border-top:3px solid #EFA7C6 !important;
    height:1px !important;
    width: 80%;
    max-width: 700px;
    margin-top: -5px;

}

#page1_content_img{
	margin:0px auto;
	padding: 0;
	left: 0;
}

#page1_content_img img{

	width: 90%;
	max-width: 440px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 15px;
	padding-bottom: 15px;

}

#page1_content_content1{

	font-size: 10px;
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 90%;
	text-align: left !important;
	padding-bottom: 20px;
}

#page1_content_content1_title{
	border-left: 2px solid #E45380;
	color: #E86A91;
	padding-left: 8px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
#page_link{
	margin:0px auto;
	padding: 0;
	left: 0;
	text-align: right;
	width: 100%;
	max-width: 1200px;
	margin-left: -35px;

}

#page_link a,
#page_link a:hover,
#page_link a:focus {
  	color: #2A62AB !important;
	text-decoration:none;
	font-size: 10px;

}

#page1_content2_title1{

	margin-top: 5px;
	margin-bottom: 5px;
}


#page1_content2_title2{

	margin-top: 10px;
	margin-bottom: 5px;
}


#page1_content2_title3{

	margin-top: 10px;
	margin-bottom: 5px;
}


#page1_content2_title4{

	margin-top: 10px;
	margin-bottom: 5px;
}

#page1_content2_title1 img{

	width: 50%;
	max-width: 203px;
}

#page1_content2_title2 img{

	width: 80%;
	max-width: 312px;
}

#page1_content2_title3 img{

	width: 50%;
	max-width: 184px;
}

#page1_content2_title4 img{
	width: 80%;
	max-width: 303px;

}



#page1_content2{
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 91%;
    max-width: 700px;
	border: 2px solid #E45380;
	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    height: 100%;
    max-height: 1200px;
    margin-bottom: 20px;
}


#page1_content2_content1_title{

	border-left: 2px solid #E45380;
	color: #E86A91;
	padding-left: 8px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
}


#page_hr{
	border:none !important;
    border-top:3px dotted #CCC !important;
    height:1px !important;
    width: 100%;
    max-width: 600px;


}

/* page2 css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#page2_title{

	margin-top: 30px;
}

#page2_title img{

	width: 70%;
	max-width: 400px;
}

#page2_content{

	font-size: 10px;
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 100%;
	max-width: 600px;
	text-align: left !important;
	padding-left: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#page2_content1_title{
	margin-top: 20px;
	margin-bottom: 20px;

}

#page2_content1_title img{
	width: 95%;
	max-width: 700px;

}

#page2_content1_content{

	margin:0px auto;
	padding: 0;
	left: 0;
	width: 91%;
    max-width: 700px;
	background-color: #fff;
	height: 100%;
	max-height: 1000px;
	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
}

#page2_content1_content img{

	width: 50%;
	max-width: 300px;
	margin-top: 20px;
}

#page2_content1_content2{
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 88%;
    max-width: 600px;
	background-color: #FBE6EF;
	height: 100%;
	max-height: 100px;
	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    font-size: 9px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#page2_content1_content3{
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 88%;
    max-width: 600px;
	background-color: #FBE6EF;
	height: 100%;
	max-height: 700px;
	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    font-size: 9px;
    margin-bottom: 30px;
    padding-bottom: 20px;
}

#page2_content1_content2_title{

	font-size: 13px;
	color: #E45380;
	font-weight: bold;
	padding-top: 10px;
	margin-bottom: 5px;
}

#page2_content1_content3 img{

	width: 90% !important;
	max-width: 200px;
	margin-top: -3px;
}

#page2_content1_content3 table{

		border-collapse: separate;
		padding: 0;
		border-spacing: 0;
		margin-left: auto;
		margin-right: auto;
}

#page2_content1_content3 td{

	font-size: 10px;
}
#page2_banner{

	margin-top: 20px;
	margin-bottom: 20px;

}
#page2_banner img{

	width: 95%;
	max-width: 700px;

}

#page2_hr{

	border:none !important;
    border-top:2px solid #fff !important;
    height:1px !important;
    width: 100%;
    max-width: 600px;
}

/* page3 css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#page3 {

	margin:0px auto;
	padding: 0;
	left: 0;
	height: 100%;
	max-height: 1000px;
	text-align: center;
}

#page3_title{

	margin-top: 10px;
	color: #fff;
	font-size: 15px;
	text-align: left;
}

#page3 table{
		border-collapse: separate;
		padding: 0;
		border-spacing: 0;
		margin-top: 10px;
		width: 96%;
    	max-width: 700px;
    	margin-left: auto;
    	margin-right: auto;
}

#page3_table_title{

	color: #F45380;
	font-size: 10px;
	background-color: #FBE6EF;
}

#page3_table_content_color{
	display: inline;
	color: #F45380;
	font-size: 10px;
}

#page3_table_content{

	text-align:left;
	font-size: 10px;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;

}

#page3_banner{

	margin-top: 20px;
	margin-bottom: 20px;

}
#page3_banner img{

	width: 95%;
	max-width: 700px;

}

/* page4 css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#page4{

	background-color: #fff;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	max-height: 2400px;
	margin-left: -8px;
	padding-right: 18px;
	z-index: -1000;
}

#page4_title{

	margin-top: 30px;
}

#page4_title img{

	width: 70%;
	max-width: 400px;
}

#page4_hr{
	border:none !important;
    border-top:3px dotted #CCC !important;
    height:1px !important;
    width: 100%;
    max-width: 600px;
}


#page4_2_title{

	margin-top: 30px;
}

#page4_2_title img{

	width: 50%;
	max-width: 300px;
}

#page4_2_content{


	font-size: 10px;
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 100%;
	max-width: 470px;
	text-align: left !important;
	padding-left: 8px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#page4_2_content1_title{
	margin-top: 20px;
	margin-bottom: 20px;

}

#page4_2_content1_title img{
	width: 95%;
	max-width: 700px;

}

#page4_2_content1_content{

	margin:0px auto;
	padding: 0;
	left: 0;
	width: 91%;
    max-width: 700px;
	background-color: #fff;
	height: 100%;

	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

#page4_2_content1_content_title{

	padding-top: 10px;
	font-size: 12px;
	color: #F45380;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center !important;
}


#yajirushi img{

	width: 100%;
	max-width: 300px;
}

#button img{

	float: left;
	width: 45%;
	max-width: 253px;
}
#button1{

	margin-left: 8px;
}
#button2 {

	margin-left: 8px;
}

#page3_image1 {

	margin-bottom: 20px;
}

#page3_image1 img{

	padding-top: 20px;
	width: 95%;
	max-width: 650px;
}


/* page5 css !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

#page5{

	background-color: #fff;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	max-height: 2400px;
	margin-left: -8px;
	padding-right: 18px;
	z-index: -1000;
}

#page5_title{

	margin-top: 30px;
}

#page5_title img{

	width: 70%;
	max-width: 400px;
}

#page5_hr{
	border:none !important;
    border-top:3px dotted #CCC !important;
    height:1px !important;
    width: 100%;
    max-width: 600px;
}


#page5_2_title{

	margin-top: 30px;
}

#page5_2_title img{

	width: 50%;
	max-width: 300px;
}

#page5_2_content{


	font-size: 10px;
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 100%;
	max-width: 470px;
	text-align: left !important;
	padding-left: 8px;
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#page5_2_content1_title{
	margin-top: 20px;
	margin-bottom: 20px;

}

#page5_2_content1_title img{
	width: 95%;
	max-width: 700px;

}

#page5_2_content1_content{

	margin:0px auto;
	padding: 0;
	left: 0;
	width: 91%;
    max-width: 700px;
	background-color: #fff;
	height: 100%;
	max-height: 1000px;
	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    font-size: 10px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

#page5_2_content1_content_title{

	padding-top: 10px;
	font-size: 12px;
	color: #F45380;
	font-weight: bold;
	padding-bottom: 5px;
	text-align: center !important;
}



#page5_image1 {

	margin-bottom: 20px;
}

#page5_image1 img{

	padding-top: 20px;
	width: 95%;
	max-width: 650px;
}


/* profile */

#profile{

	background-color: #fff;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	max-height: 6000px;
	margin-left: -8px;
	padding-right: 18px;
	z-index: -1000;

}

#page1_margin{

	margin-left: 15px;

}

#profile_content2{
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 91%;
    max-width: 700px;
	border: 2px solid #E45380;
	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    height: 100%;
    max-height: 4000px;
    margin-bottom: 20px;
    padding-left: 10px;
	padding-right: 10px;
	font-size: 10px;
}

.outline_content{
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 87%;
    max-width: 700px;
	border: 2px solid #E45380;
	border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    height: 100%;
    max-height: 4000px;
    margin-bottom: 20px;
    padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
}

.outline_content table
{
	width: 95%;
	border-collapse: separate;
	border-spacing: 0px 8px;
}

.outline_content td
{
	vertical-align: top;
	text-align: left !important;
}

.contact input
{
	width: 95%;
}

.contact textarea
{
	width: 100%;
	height: 60px;
}

.year_table td
{
	vertical-align: top;
}


#profile_content2 table{

	border-spacing: 0;
	padding: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
	width: 100%;
}

#profile_content2 td{

	text-align: left;
}

#profile_content2_table2
{
	border-spacing: 15px !important;
}

#profile_content2_table2 td
{
	vertical-align:top;
}

#profile_table_title img{

	width: 100%;
	max-width: 346px;
}


#page4_image1{

	width: 65%;
	text-align: right !important;

}

#page4_image1 img{

	width: 100%;
	max-width: 240px;
}
#profile_table_color{

	color: #F45380;
}

#profile_table_color2{

	color: #F45380;
	width: 15%;
}

#profile_table_color_weight{

	color: #F45380;
	font-weight: bold;
	width: 15%;
}


#profile_hr{
	border:none !important;
    border-top:3px solid #CCC !important;
    height:1px !important;
    width: 100%;
    max-width: 400px;

}

#bottom_banner{
	margin:0px auto;
	padding: 0;
	left: 0;
	width: 91%;
	max-width: 600px;

}
#bottom_banner table{

	border-collapse: collapse;
	border-spacing: 0;
	padding: 0;
	width: 100%;
	max-width: 600px;
}

#bottom_banner td{

	padding: 3px;
}
#bottom_banner img{

	width: 100%;
	max-width: 210px;
}

#top_page{
	text-align: right;
	width: 91%;
	max-width: 1200px;

}

#bottom_link{

	width: 100%;
	max-width: 600px;
	height: 100%;
	max-height: 300px;
	text-align: center !important;
	margin: 0 auto;
}

#bottom_link ul{
	width: 100%;
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;

}

#bottom_margin{

	margin-left: -40px;
}

#privacy_li {

	width: 34% !important;
	border-right: 1px solid #fff;
}

#reserve_li
{
	border-left: 1px solid #fff;
}

#bottom_link li{

	float: left;
	width: 27%;
	max-width: 200px;
	list-style: none;
	margin-bottom: 20px;
}


#bottom_link a,
#bottom_link a:hover,
#bottom_link a:focus{

	color: #fff;
	text-decoration:none;
	font-size: 10px;
}
#top_page a,
#top_page a:hover,
#top_page a:focus{

	color: #fff;
	text-decoration:none;
	font-size: 10px;
}

.copyright{

	background-color: #fff;
	width: 100%;
	max-width: 1200px;
	height: 100%;
	max-height: 200px;
	margin-left: -8px;
	padding-right: 18px;
	z-index: -1000;
	font-size: 9px;
	margin-top: 50px;
	padding-bottom: 20px;
}


/* scroll */



.scrolled {
		position: fixed;
		top: 0;
		margin: 0;
}


.modal {
  position: fixed;
  display: none;
  z-index: 9999;
  top: 27%;
  left: 100%;
  width: 300px;
  height: 160px;
  margin: -60px 0 0 -330px;
  padding: 23px;
  text-align: center;
  overflow: hidden !important;
}
.modal p {
	margin-bottom:10px;
}
.modal a {
	cursor:pointer;
}
.close_modal{
  position: absolute;
  top: 23px;
  right: 18px;
}
#modal-img{
	display: block;
	  width: 300px;
	  height: 160px;
	  background: url(../image/tyano_bnr.jpg) no-repeat;
}



/* mobile �ʌ��� !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/


/* iphone */
@media only screen and (max-width: 337px){

	#page1_content_content1{
		font-size: 10px;
		padding-left: 5px;
	}


	#page1_title{
		max-width: 250px;
	}

	#main_nav ul
	{
		margin-left: -25px !important;
	}

}



/* Android */
 @media only screen and (min-width: 338px) and (max-width: 377px){

	#page_link{
		margin-left: -35px;
	}

	#page1_title{
		margin-left: 3px;
		max-width: 250px;
	}


}
@media only screen and (min-width: 378px){

	#page1_title{
		margin-left: 13px;
	}

	#page1_title{
		max-width: 250px;
	}

}

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

	#page1_content_content1{
		font-size: 9px;
	}

	#page1_content_content1_title{
		font-size: 17px;
	}

	#page1_content2_content1_title{
		font-size: 17px;
	}

	#page_link{
		margin-left: -60px;
	}

	#page2_content1_content3 td{
		font-size: 13px;
	}

	/* #page2_content1_content3 table{
		margin-left: 15px;
	} */

	#page3_title{
		font-size: 16px;
	}

	#page4_2_content1_content{
		font-size: 13px;
	}

	#page1_title{
		margin-left: 37px;
		font-size: 19px;
		max-width: 350px;
	}

	.td_number
	{
		font-size: 16px;
	}


	/* #profile_content2 td{
		font-size: 13px;
	} */

	#main_nav ul
	{
		margin-left: -25px !important;
	}
}

/* android landscape 614 */
@media only screen and (min-width: 570px){

	#page1_content_content1{
		font-size: 15px;
	}

	#page1_content_content1_title{
		font-size: 20px;
	}

	#page1_content2_content1_title{
		font-size: 20px;
	}

	#page_link{
		margin-left: -60px;
	}

	#page2_content1_content3 td{
		font-size: 14px;
	}

	#page2_content1_content2{
		font-size: 14px;
	}

	#page2_content1_content2_title{
		font-size: 17px;
	}

	#page3_table_title{
		font-size: 17px;
	}

	#page3_table_content{
		font-size: 14px;
	}

	#page3_table_content_color{
		font-size: 14px;
	}

	#page3_title{
		font-size: 17px;
	}

	#page4_2_content1_content_title{
		font-size: 17px;
	}
	#page4_2_content1_content{
		font-size: 17px;
	}

	#page1_title{
		margin-left: 53px;
		max-width: 450px;
	}

/* 	#profile_content2 td{
		font-size: 14px;
	}
 */
	#page2_content{
		font-size: 17px;
	}

	#copyright{
		margin-top: 70px;

	}

}


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

	#page3_title{
		font-size: 19px;
	}
	#page4_2_content1_content_title{
		font-size: 19px;
	}

	#page4_2_content1_content{
		font-size: 19px;
	}

	#page1_title{
		margin-left: 66px;
	}
	/* #profile_content2 td{
		font-size: 19px;
	} */

	#page2_content{
		font-size: 19px;
	}
}

@media only screen and (min-width: 700px) and (max-width: 800px){
	#page3_title{
		font-size: 19px;
		margin-left: 27px;
	}

	#page4_2_content1_content_title{
		font-size: 19px;
	}

	#page4_2_content1_content{
		font-size: 19px;
	}

	#page1_title{
		margin-left: 50px;
	}

	/* #profile_content2 td{
		font-size: 13px;
	} */
	#page2_content{
		font-size: 19px;
		padding-left: 60px;
	}

	#main_nav ul{

		width: 96%;
		max-width: 1200px;
		background-color: #fff;
		margin-left: auto;
		margin-right: auto;
		height: 60px;
	}

	#main_nav a,
	#main_nav a:hover,
	#main_nav a:focus {
	  	color: #E45380 !important;
		text-decoration:none;
		font-size: 14px;
	}



}

@media only screen and (min-width: 801px)
{
	#page1_title{
		margin-left: 120px;
	}

	#page3_title{
		font-size: 19px;
		margin-left: 145px;
	}

	#page2_content{
		font-size: 19px;
		padding-left: 90px;
	}

	/* #profile_content2 td{
		font-size: 14px;
	} */

	#main_nav a,
	#main_nav a:hover,
	#main_nav a:focus {
	  	color: #E45380 !important;
		text-decoration:none;
		font-size: 15px;
	}

}


}