*{
	margin:0;
	padding:0;
}


#koji {
    font-size: 40px;
    text-align: center;
    margin: 100px 0 0 0;
}





/*-------------------------------------------
 ボディ全体 
--------------------------------------------*/


body {
	line-height:170%;
	height:100%;
	font-size: 13px;
	color : #555;
	margin: 0;
	padding: 0;
	text-align:center;
	background-repeat:repeat-y, repeat-y;
	background-position:left,right;
	background-attachment:fixed,fixed;
	font-family:verdana,"メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

a:link { text-decoration:none; color: #ec6815;}
a:visited { text-decoration:none; color: #ec6815;}
a:active { text-decoration:none; color: #ec6815;}
a:hover { text-decoration:none; color: #FFA479;}


/* マウスオーバーで白半透明 */
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a img{ border:0; }

header, nav, article, aside, section, footer {
    display:block;
}


@media only screen and (min-width: 480px){
	.sumaho{ display:none; }
}

.pconly{ display:inline; }


/*-------------------------------------------
 ヘッダー
--------------------------------------------*/

header {
	width:950px;
	margin:0 auto 20px auto;
	text-align:left;
	padding:16px 0 0 0;
	position:relative;
}

.headerlogo{
	margin-right:30px;
	width:138px;
	height:80px;
	background: url(../img/header/logo01.png);
	float:left;
}

.headerlogo a{
	display:block;
	width:138px;
	height:80px;
}

.headercopy{
	width:500px;
	height:80px;
	float:left;
}

.headertel{
	display:inline-block;
	position:absolute;
	top:16px;
	right:0;
	width:220px;
	height:80px;
	background: url(../img/header/tel.png);
}

/*-------------------------------------------
 メイン
--------------------------------------------*/

#main {
	width: 950px;
	margin:0 auto 40px auto;
}

#main:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*-------------------------------------------
 スライダー
--------------------------------------------*/

#slider {
	height:316px;
	background:#ccc;
	margin-bottom:30px;
/* box-shadow */
box-shadow:0px 0px 5px 2px #dedede;
-moz-box-shadow:0px 0px 5px 2px #dedede;
-webkit-box-shadow:0px 0px 5px 2px #dedede;

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
	position:relative;
	z-index:100;
	overflow:hidden;
}



/*-------------------------------------------
 内容
--------------------------------------------*/

article {
	width: 720px;
	float:right;
	text-align:left;
}
section {
	margin: 0 10px 50px 10px;
	text-align:justify;
	text-justify:distribute;
}

section:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*-------------------------------------------
 フッター
--------------------------------------------*/

footer {
	width:950px;
	margin:0 auto;
	background: #75a04a;
	color:#fff;
	clear:both;
	text-align: center;
	border-radius:5px 5px 0px 0px ;
	-moz-border-radius:5px 5px 0px 0px ;
	-webkit-border-radius:5px 5px 0px 0px ;
	padding:30px 0;
}

footer ul.footlist{
	width:810px;
	margin:0 auto 10px auto;
	padding:0 0 20px 0;
	border-bottom:1px solid #fff;

}

footer ul.footlist li{
	display:block;
	float:left;
	padding: 0 20px;
	border-right:2px dotted #fff;
	list-style:none;
	height:110px;
	text-align:left;
}

footer ul.footlist li:last-child{ border-right:0; }

.credit{
	width:810px;
	margin:0 auto;
	text-align:left;
	font-size:12px;
}


footer a,
footer a:link,
footer a:visited,
footer a:active{ color:#fff; }
footer a:hover{ color:#93c144; }


.footerlogo{
	width:138px;
	height:80px;
	background:url(../img/logo02.png);
	margin-top:16px;
}

/*---------------------------------------------------
　page top
----------------------------------------------------*/

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:100;
}
#page-top a {
	background: url(../img/pagetop.png) no-repeat;
	background-position:50% 50%;
	text-decoration: none;
	width: 73px;
	height:73px;
	text-align: center;
	display: block;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
#page-top a:hover {
	opacity:0.7;
}

/*---------------------------------------------------
真ん中
----------------------------------------------------*/

.eventbox04{
    width: 100%;
    height: auto;
    color:#5a5a5a;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:20px auto;
    padding: 15px 10px;
    background:#93c144; border:2px solid #75a04a;
    background:rgba(255,255,255,0.95);
}

.eventtitle04 {
	font-size:15px;
	font-weight: bold;
    
}

/*--写真--*/

.eventphoto{
	float:left;
	width:200px;
    height: 270px;
    margin-top: 5px;
	margin-left:14px;
	overflow:hidden;
}


/*おすすめマーク*/
.osusume {

    float: right;
    margin: -16.4px -12.3px 0 0;


}




.pricephoto img{ max-width:100%; }

.ev{
    width: 100%;
    margin-top: 13px;
}

.eventbox05{
//    width: 28%;
    width: 44.5%;
    height: auto;
	margin:20px 6px;
    padding: 15px 10px;
//    background:#93c144; border:2px solid #75a04a;
    background:rgba(255,255,255,0.95);
    float: left;
}

/*--写真--*/


.cup_phot img{
    width: 100%;

}


/*---------------------------------------------------
左(facebook) 
----------------------------------------------------*/

.link img {
    width: 100%;
    margin: 6px 0;
}

/*---------------------------------------------------
右(youtube)など 
----------------------------------------------------*/

#sec1 {
	width: 180px;
	height: auto;
    margin-top: -60px;
	padding: 0;
	text-align:center;
	float: right;
}

.kanew img{
    margin-top: -65px;
}

.nitijyou {
    width: 100%;
    font-size: 17px;
    font-weight: bold;
    color: #75a04a;
    text-align: center;
}

.tube_waku{
    width: 97%;
    height: 100%;
    margin-bottom: 5px;
    padding: 3px;
    border: 2px #75a04a solid;
    border-radius: 5px;
    font-weight: bold;
    color: #75a04a;
}

#sec1 .tube_waku .you_siz{
	width:100%;
	height:150px;
}

#sec1 .button01 {
	width:97%;
	font-size: 12px;
	text-align:center;
    margin-bottom: -15px;
}


/*-----真ん中-----*/

#sec2 {
    width: 500px;
    text-align: center;
    float: left;
}
#sec2 table{margin-bottom: 10px;}

#t_sec2 img{width: 100%;}

/*-------------------------------------------
 他
--------------------------------------------*/

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  



/*-----------------------------------------------------下層ページ-----------------------------------------------*/

#kasoutitle { /*--下層ヘッダー画像--*/
	height:222px;
	background:#ccc;
	margin-bottom:30px;
/* box-shadow */
box-shadow:0px 0px 5px 2px #dedede;
-moz-box-shadow:0px 0px 5px 2px #dedede;
-webkit-box-shadow:0px 0px 5px 2px #dedede;

/* border-radius */
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
	position:relative;
	z-index:99;
	overflow:hidden;
}

/*-------------------------------------------
 結婚相談所iuiuとは　about
--------------------------------------------*/


.miryoku{
	border-left: 8px solid #93c144;
	padding-left:13px;
	margin:30px 0;
}

.miryoku p{
	font-size:17px;
	letter-spacing:0.08em;
	color:#93c144;
	font-family:'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo';
	font-weight:bold;
	margin-bottom:10px;
}

.miryokuphoto{
	float:right;
	width:197px;
	height:133px;
	background:#ccc;
	margin-left:14px;
}

.miryoku:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*-------------------------------------------
 ご利用の流れ system
--------------------------------------------*/

.systembox01{
	background:#f9fdf2;
	border:1px solid #d2d6cb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:14px 18px;
	position:relative;
	margin-top:30px;
}

.systembox01 > p{
	font-size:18px;
	font-weight:bold;
	color:#75a04a;
	letter-spacing:0.1em;
	margin: 0 0 5px -3px;
}

.systembox04{
	background:#fa8495;
	border:1px solid #aa836c;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:14px 18px;
	position:relative;
	margin-top:30px;
	color:#494949;
}

.systembox04 > p{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	letter-spacing:0.1em;
	margin: 0 0 5px -3px;
}

/*--現地ベトナム女性--*/

#systemleft{
	width:48%;
	float:left;
}

p.genchititle{
	background:#e1a456;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	padding:2px 0;
	margin: 30px 0 -19px 0;
}

.systembox02{
	background:#fff6e5;
	border:1px solid #d6d2cb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:14px 18px;
	position:relative;
	margin-top:30px;
}

.systembox02 > p{
	font-size:16px;
	font-weight:bold;
	color:#d97e25;
	letter-spacing:0.1em;
	margin: 0 0 5px -3px;
}

/*--在日ベトナム女性--*/

#systemright{
	width:48%;
	float:right;
}

p.zainichititle{
	background:#51b7d0;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:16px;
	padding:2px 0;
	margin: 30px 0 -19px 0;
}

.systembox03{
	background:#f4f9ff;
	border:1px solid #cbcfd6;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	padding:14px 18px;
	position:relative;
	margin-top:30px;
}

.systembox03 > p{
	font-size:16px;
	font-weight:bold;
	color:#40adc8;
	letter-spacing:0.1em;
	margin: 0 0 5px -3px;
}

/*--矢印--*/

.systemyajirushi,
.systemyajirushi_l,
.systemyajirushi_r{
	position:absolute;
	bottom:-25px;
	margin-left:-16px;
	width:32px;
	height:19px;
}

.systemyajirushi{ left:50%; }
.systemyajirushi_l{ left:24%; }
.systemyajirushi_r{ left:76%; }



/*--図--*/

.systemphoto{
	width:200px;
	margin-left:14px;
	float:right;
	text-align:center;
	font-weight:bold;
	font-size:20px;
	color:#fff;
}

.systembox01:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*-------------------------------------------
 料金 price
--------------------------------------------*/

/*--メッセージ交換--*/

.messagebox{ 
	font-size:14px;
	line-height:170%;
}

.messagebox p{
	background:#93c144;
	font-weight:bold;
	color:#fff;
	width:200px;
	text-align:center;
	margin:10px 0 4px 0;
}

table {
    width: 100%;
    height: auto;
    margin-bottom: 35px;
    line-height: 25px;
    text-align: center;
}

td.planbox01 {width: 30%;}

table img {margin: 10px 10px 0;}

.planbox01{background:#fff8ff;}
.planbox02{background:#fff6e5;}
.planbox03{background:#f4f9ff;}

.planbox01 ,.planbox02 ,.planbox03{
    width: 50%;
    padding:10px 8px;
	border:1px solid #d6d2cb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

.planbox01 b ,.planbox02 b, .planbox03 b{
    font-size: 18px;
    font-weight: bold;
}

.planbox01 b{color: #ce4ece;}
.planbox02 b{color: #e1a456;}
.planbox03 b{color: #51b7d0;}


.planbox01 b a:link { text-decoration:none; color: #ce4ece;}
.planbox01 b a:visited { text-decoration:none; color: #ce4ece;}
.planbox01 b a:active { text-decoration:none; color: #ce4ece;}
.planbox01 b a:hover { text-decoration:none; color: #ff9cff;}


.planbox03 b a:link { text-decoration:none; color: #51b7d0;}
.planbox03 b a:visited { text-decoration:none; color: #51b7d0;}
.planbox03 b a:active { text-decoration:none; color: #51b7d0;}
.planbox03 b a:hover { text-decoration:none; color: #85ebff;}


.pricebox01_green,
.pricebox01_orange,
.pricebox01_blue,
.pricebox01_purple,
.pricebox01_glay{
	color:#fff;
	padding: 10px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin:20px 0 0 0;
}

.pricebox01_green{ background:#93c144; border:1px solid #75a04a; }
.pricebox01_orange{ background:#e1a456; border:1px solid #ca852c; }
.pricebox01_blue{ background:#51b7d0; border:1px solid #30869c; }
.pricebox01_purple{ background:#9a1a9a; border:1px solid #660066 }
.pricebox01_glay{ background:#888; border:1px solid #555; }


.pricebox02{
	background:rgba(255,255,255,0.95);
	color:#5a5a5a;
	padding: 4px 10px;
	margin-top:8px;
}

.pricebox03{
//	background:#fff6e5;
    background:#f9fdf2;
	border:1px solid #d6d2cb;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	position:relative;
	margin-top:15px;
	padding:8px 18px;
}

.pricetitle{
	font-size:24px;
	font-weight: bold;
	margin-bottom:2px;
}

.pricetitle02_green,
.pricetitle02_blue,
.pricetitle02_purple,
.pricetitle02_orange{
	font-size:15px;
	font-weight: bold;
	margin:4px 0 0 0;
	padding: 1px 3px;
}

.pricetitle02_green{ background:#cceb98; border: 1px solid #93c144;}
.pricetitle02_blue{ background:#aee5f2; border: 1px solid #51b7d0;}
.pricetitle02_orange{ background:#ffe5bf; border: 1px solid #e1a456;}
.pricetitle02_purple{ background:#DDA0DD; border: 1px solid #BA55D3;}


/*--プラン--*/
.priceplan{
	width:96%;
	margin:2%;
}

.priceplan p{
	font-weight:bold;
	font-size:15px;
	margin-top:14px;
}

/*--リスト--*/

ul.uchiwake{
	width:96%;
	margin:2%;
}

ul.uchiwake li{
	margin: 0 0 0 26px;
	padding:2px 0;
	border-bottom:1px solid #e9e9e9;
    list-style-type: none;
}

ul.uchiwake li p{
	float:right;
	font-weight:bold;
}

ul.uchiwake li:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ul.uchiwake li:last-child{ border:0; }

.gokei{
	border-top:2px solid #9a9a9a;
	margin: 0 10px 10px 10px;
	text-align:right;
	font-weight:bold;
	font-size:15px;
	padding: 3px;
}

ul.pricelist01{
	margin:8px;
	padding:8px;
}

ul.pricelist01 li{
	display:block;
	width:300px;
	float:left;
}

/*--写真--*/

.pricephoto{
	float:right;
	width:250px;
	margin-left:14px;
	overflow:hidden;
}

.pricephoto img{ max-width:100%; }




/*-------------------------------------------
 会社概要 company
--------------------------------------------*/

.companyphoto{
	margin-bottom:12px;
}

.companyphoto img{
	margin: 0 6px;
}



ul.outlinelist li{
	list-style:none;
	border-bottom:1px solid #dadada;
	padding:2px 0 2px 120px;
}

ul.outlinelist li:last-child{
	border-bottom:0;
}

ul.outlinelist li p{
	display:inline-block;
	width:120px;
	margin-left:-120px;
}

table.table01{
	width:100%;
	background:#f1f9e4;
}

table.table01,
table.table01 td{
    border-collapse: collapse;
    border:1px solid #75a04a;
}


table.table01 tr th,
table.table01 tr td{
	font-size:12px;
	text-align:left;
	padding: 2px 2px 3px 8px;
	border:1px solid #75a04a;
}

table.table01 tr th{
	color:#fff;
	background:#93c144;
}

.table01_left{ width:140px; }