@charset "UTF-8";

body{
	color:#000000;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	}

a{
	color:#0099FF;
	}
a:hover{
	color:#FF9900;
	text-decoration:underline;
	}

/* =======  ORIGINAL HEAD ======= */


#container{
	width:960px; /*796px;*/
	margin:auto;
	text-align:left;
	}

#head{
 background:url('images/top_head02.jpg') no-repeat;
}

#head h1{
	height:16px;
	line-height:16px;
	font-size:11px;
	color:#333333;
	font-weight:normal;
	text-indent:0;
	}
	
#head h2{
	 margin:20px 0 12px 6px;  
	/*border:1px  solid  #ccc;*/
	font-weight:normal;
	vertical-align:bottom;
	}
#head h2 a{
	font-size:24px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
#head h2 a:hover{
	font-size:24px;
	line-height:30px;
	vertical-align:top;
	text-decoration:none;
	color:#333333;
	}
	
#head div.block{
padding: 0 0 0px 0;
margin: 30px 5px 0px 0;
border: 1px dotted #ccc;
float:right;
width: 100px;
background:url('images/082.gif') no-repeat;
}

#head div.block p {
padding: 2px 0 2px 0px;
margin: 0px 0px 0px 24px;
font-size:12px;

}

#head div.block p a{
	text-decoration:none;
	color:#016801;
	}
#head div.block p a:hover{
	text-decoration:none;
	color:#E24210;
	}


.line{
	clear:left;
	margin:10px 0 0 0;
	}


/* ====== NAVI MENU HOR======= */

.navimenu {
	border-top:1px solid #d6d6d6; 
	border-bottom:1px solid #d6d6d6;
	background:#ededed url('images/navi_g02.gif') 100% 100% repeat-x;
	}
	
.navimenu > ul {
	padding:0px; /*1 0:;*/
	margin:0px;
	list-style:none;
	width:100%;
	height:36px;
	font:normal 14px "Hiragino Kaku Gothic Pro",HiraKakuPro-W3,verdana, arial, helvetica;
}

.navimenu > ul li {
	margin:0;
	padding:0;
	display:block;
	float:left;
	position:relative;
	width:128px;
}
.navimenu > ul li a:link, .navimenu > ul li a:visited {
	padding:8px 0 0 0; 
	display:block;
	text-align:center;
	text-decoration:none;
	color:black;
	width:128px;
	height:26px; 
}

.navimenu > ul li:hover a, .navimenu > ul li a:hover, .navimenu > ul li a:active {
	padding:8px 0 0 0;
	display:block;
	text-align:center;
	text-decoration:none; 
	background-color: #fbfbfb;  
	border-bottom: 4px solid black;
	color:#000;
	width:126px; 
	height:24px;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
}

.navimenu > ul li ul {
	margin:0;
	padding:1px 1px 0;
	list-style:none;
	display:none;
	background:#ffffff;
	width:126px;
	position:absolute;
	top:36px; /*21px */
	left:-1px;
	border:1px solid #ccc; /* link option background-border */
	border-top:none;
}

.navimenu > ul li:hover ul {
	display:block;
}

.navimenu > ul li ul li {
	width:126px;
	clear:left;
}

.navimenu > ul li ul li a:link, .navimenu > ul li ul li a:visited {
	clear:left;
	background:#ededed; /* link option background */
	padding:4px 0;
	width:126px;
	border:none;
	border-bottom:1px solid #fff;
	position:relative;
	z-index:1000;
}

.navimenu > ul li ul li:hover a, .navimenu > ul li ul li a:active, .navimenu > ul li ul li a:hover {
	clear:left;
	background:#ccc;
	padding:4px 0;
	width:126px;
	border:none;
	border-bottom:1px solid #fff;
	position:relative;
	z-index:1000;
}

/* ======content ==== */

.content {
	width:100%;/* 682 */
	padding:0 0 30px 0;
}

p.note
{
font-size:10px;
color:#666;
padding:2px 3px 2px 2px;
text-align:right;
width:680px;
}

.content .standard p{
padding:0 0 10px 10px;
font-size:14px;
line-height:1.5em;
}

img.price {
margin:0 0;
padding:0 0;
border:0;
}

div.content > h4{
font-size:16px;
color:#333;/*#003366;*/
margin: 10px 3px 4px 20px;
font-weight:normal;
}



/* ==== sub pages ===== */

.subtitle {
margin: 30px 0px;
}

.content .subtitle h4
{
font-size:17px;
font-weight:bold;
color:#333;/*#003366;*/
margin: 0px 10px 30px 0px;
padding: 5px 0 7px 5px;
border-left: 20px solid #E24210;
border-bottom: 1px solid #E24210;
}

.subtitle_orange
{
color:#E24210;
font-weight:normal;
}


.content .subtitle p
{
font-size:14px;
color:#333;/*#003366;*/
margin: 2px 10px 3px 30px;
padding: 0 0 4px 5px;
line-height:18px;
}

.floatright {
	float:right;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

.floatleft {
	float:left;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	clear:right;
}

.line {
border-bottom: 1px solid #ccc;
}
.clear{
	clear:both;
	}

.space_10{
height:10px;
width:auto;
}
	
.space_20{
height:20px;
width:auto;
}
	

/* ==== right burner === */
.img_bnr {
border:1px solid #fff;
margin:3px 0px;
padding: 0 0;
}



/* ===== footer ====== */
#footer {
	width: 960px; 
	margin: 0 auto;
	background-color:#e8eaeb;
	}
	
/* ========FOOTER======== */
#footerinfo {
		color:#333;
}

#footerinfo .section1 {
   float:left;
   width:440px;
   margin:0 auto;
   padding:6px 0 10px 12px;
}

#footerinfo .section2 {
   float:left;
   width:470px;
   margin:0 auto;
   padding:10px 0 10px 12px;
   }

#footerinfo h3 {
   font-size:14px;
   padding:0 0 0px 12px;
}

#footerinfo ul {
   margin:0;
   padding:0;
}

#footerinfo li {
   margin:0;
   padding:0 0 2px 0px;
   list-style:none;
	font-size:12px; 
   line-height:15px;
}

#footerinfo li a {
   padding-left:10px;
   font-size:9px;
   
}


/* ========FOOTER COPYRIGHT======== */
.copyright {
   clear:both;
   padding:10px 0;
   font-style:normal;
   font-size:10px;
   text-align:center;
   background-color:#fff; 
}	
	
	
	
/* ======= original ======= */

*{ margin:0; padding:0;}

img{ border:0;}


/* ==== home image === */
#main_image{
	float:left;
	background:url('images/top_map_04.png') no-repeat;
	width:960px;
	height:270px;
	}
#main_image p{
	margin:250px 40px 10px 10px;
	color:#999;
	font-size:12px;
	text-align:right;
	}

#contents{
	margin:10px 0 0 0;
	clear:left;
	zoom:100%;
	}

#foot_up{
	clear:both;
	height:32px;
	margin:0 0 0 0;
	}

#copy{
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333333;
	padding:2px;
	margin:4px 0 0 0;
	}
#copy a{
	color:#333333;
	text-decoration:none;
	}
#copy a:hover{
	color:#333333;
	}


#top{}


#top div#left{
	float:left;
	width:700px;
	margin:20px 0 0 0;
	}
#top div#left h3{
	font-size:16px;
	padding:6px 0 4px 20px;
	margin:0 0 20px 0;
	background:#f7f7f7;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}

/* added by y */	
#top div#left h3.titleh3big{
	font-size:24px;
	color: #E24210;/*#003366;*/
	font-weight: bold;
	text-shadow: 1px 1px 1px #ccc;
	padding:10px 0 20px 20px;
	margin:0 0 10px 0;
	background:#ffffff; 
	border-bottom:1px solid #ccc;
	}
		
#top div#left div#info{
	width:682px;
	}

#top div#left div#info div#main h4{
	margin:8px 10px 2px 10px;
	font-size:16px;
	color:#003366;
	}
#top div#left div#info div#main p{
	margin:4px 10px 0 30px;
	padding: 5px 0 5px 0px;/* yukari's addition */
	font-size:14px;
	}
	
#top div#left div#info div#main p.note_sub
{
	color:#666;
	margin: 2px 10px 2px 30px;
	padding: 1px 0 1px 30px;
}
 

p.note_sub
{
	font-size:14px;
	color:#666;
	margin: 2px 10px 2px 30px;
	padding: 1px 0 1px 30px;
}

	
/* ===== right === */

#top div#right{
	float:left;
	margin:20px 0 0 16px;
	}
	
/* ==== right bnr === */	
	
#top div#right div#bnr_sps{
width:240px;
}

#top div#right div#bnr_sps p{
	margin:0 0 4px 0;
	/*border:solid #000000;
	border-width:2px 1px 1px 1px;*/
	}
	
#top div#right div#bnr_sps p a{
	display:block;
	height:46px;
	filter:alpha(opacity=80); /*IE*/
	-moz-opacity:0.80; /*FF*/
	vertical-align:bottom;
	font-size:16px;
	line-height:20px;
	text-decoration:none;
	text-align:right;
	color:#fff;
	font-weight: normal;
	padding: 6px 6px;
	text-shadow: 1px 1px 1px #333;
	}
#top div#right div#bnr_sps p a:hover{
	opacity: 0.6;
	filter:alpha(opacity=60); /*IE*/
	-moz-opacity:0.60; /*FF*/
	}
#top div#right div#bnr_sps p.bnr01{
	height:20px;
	background:#ededed;
	color:#333;
	font-size:12px;
	padding: 5px 0 3px 2px;
	text-align:center;
	}
#top div#right div#bnr_sps p.bnr02{
	height:58px;
	background:#ededed;
	border:1px solid #999;
	background:url('images/chinese02.jpg') no-repeat center;
	}
	
#top div#right div#bnr_sps p.bnr03{
	height:58px;
	background:#ededed;
	border:1px solid #999;
	background:url('images/korean02.jpg') no-repeat center;
	}
	
#top div#right div#bnr_sps p.bnr04{
	height:58px;
	background:#ededed;
	border:1px solid #999;
	background:url('images/english02.jpg') no-repeat center;
	}



/*  ===  right tps contact icon === */

#top div#right div#bnr_contact {
	width: 236px;
	height:190px;
	box-shadow: 1px 1px 3px 1px #ccc;
	border:1px solid #ccc;
	background-color:#f7f7f7;
	border-top-left-radius: 8px;  /* === rounded corners==*/
	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-topright:8px;
	border-bottom-left-radius: 8px;   /* === rounded corners==*/
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright:8px;
	margin:8px 0 8px 0;
	padding:0 0;
}

#top div#right div#bnr_contact h4
{
	width:224px;
	margin: 5px 5px;
	padding:2px 2px;
	font-size: 18px;
	color:#666;
	text-align:center;
	font-weight:500;
	border-bottom:2px dotted #ccc;
}

#top div#right .bnr_tps {
	border:1px solid #ccc;
	width: 238px;
	margin:6px 0;	
}

#top div#right .bnr_tps > p {
	border-bottom:1px solid #ccc;
	margin:0 0;	
	padding:1px 2px;
	background:#ededed;/*#FF9900;*/
	font-size: 12px;
	color:#666;
	text-align: center;
}

/* ======  TOP PAGE VOICESAMPLE MAP LINK ======= */

.map_image { float:left; display: block; width: 224px; height: 300px; position: relative; background-position: 0 0; background-repeat: no-repeat; background-image: url('images/price_01.png'); margin: 0 5px 0 0;}
.map_image .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; }
.map_image #map_link_0 { width: 204px; height: 52px; top: 81px; left: 12px; }
.map_image #map_link_1 { width: 204px; height: 44px; top: 137px; left: 12px; }
.map_image #map_link_2 { width: 204px; height: 43px; top: 186px; left: 11px; }


/* ======  TOP PAGE STUDIO & FLOW MAP LINK ======= */

.map_image02 { float:left; display: block; width: 224px; height: 300px; position: relative; background-position: 0 0; background-repeat: no-repeat; background-image: url('images/price_02.png'); margin: 0 5px 0 0;}
.map_image02 .map_link { display: block; position: absolute; text-indent: -999em; overflow: hidden; }
.map_image02 #map_link_0 { width: 204px; height: 80px; top: 40px; left: 12px; }
.map_image02 #map_link_1 { width: 204px; height: 120px; top: 137px; left: 12px; }