@charset "utf-8";

/* LCE_ENGLISH HOST.CSS  */


/*--------------------------------------
*	
*	00.COMMON
*	01.INDEX
*	02.INTERVIEW
*	03.FAQ
*
*--------------------------------------*/


/**-------------------------------------
	00.COMMON
---------------------------------------**/

h2
{
	padding: 0 0 30px 0;
	width: 880px;
	height: 250px;
}

div#content
{
	margin-bottom: 30px;
	padding: 0 15px;
	width: 840px;
	background: url(../../common/images/subnavi_bg_03.gif) repeat-y 15px;
}

/*---clearfix---*/

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

div#content{ display: inline-block; }

/* \*/
* html div#content{ height: 1%; }
/* */





div#content h3
{
	margin: 0 0 10px 0;
}

div#left
{
	float: left;
	margin: 0 20px 0 0;
	width: 210px;
}

div#left dl#subnav
{
	padding: 0 0 20px 0;
	width: 210px;
	background: url(../../common/images/subnav_bg.png) bottom;
}

div#left dl#subnav dt
{
}

div#left dl#subnav dd
{
	margin: 0 0 5px 0;
	background: url(../../common/images/subnavi_menu_pin.gif) no-repeat left 1px;
	font-size: 92%;
}

div#left dl#subnav dd a
{
	display: block;
	margin: 0 15px 0 30px;
	padding: 0 0 0 5px;
	width: 160px;
	color: #1A7BA6;
	text-decoration: none;
}

div#left dl#subnav dd a:hover
{
	background: #1A7BA6 none repeat scroll 0 0;
	color: #FFFFFF;
}

div#left p
{
	margin: 5px 0 0 5px;
	padding: 0 0 20px 0;
}

div#right
{
	float: left;
	width: 610px;
}

div#right p
{
	margin: 0 0 1em 0;
	font-size: 107%;
}

/**-------------------------------------
	01.INDEX
---------------------------------------**/

div#indexIntro,
div#indexMedia,
div#indexSteps
{
	margin-bottom: 40px;
}

/*---clearfix---*/

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

div#indexMedia{ display: inline-block; }

/* \*/
* html div#indexMedia{ height: 1%; }
/* */



div#indexMedia dl
{
	width: 610px;
}

div#indexMedia dl dt
{
	float: left;
	margin: 0 18px 0 0;
	width: 380px;
}

div#indexMedia dl dd
{
	float: left;
	margin-bottom: 20px;
	width: 190px;
	font-size: 92%;
	color: 333333;
}

div#indexHow dl
{
	margin-bottom: 24px;
}

div#indexHow dt
{
	margin: 0 0 3px 0;
	color: #1A7BA6;
	font-size: 107%;
	font-weight: 800;
}

div#indexHow dd
{
	padding: 0 0 0 30px;
	background: url(../../common/images/subnavi_menu_pin.gif) no-repeat left 1px;
	font-size: 92%;
}


/**-------------------------------------
	02.INTERVIEW
---------------------------------------**/

div#interviewIntro
{
	margin: 0 0 50px 0;
}

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

div#interviewIntro{ display: inline-block; }

/* \*/
* html div#interviewIntro{ height: 1%; }
/* */

div#interviewIntro dt
{
	margin-bottom: 8px;
	color: #1A7BA6;
	font-size: 136%;
	font-weight: 800;
}

dd.hostFamilyPic
{
	float: left;
	margin: 0 20px 0 0;
}

dd.hostFamilyDes
{	
	float: left;
	width: 320px;
}

div#interview dl
{
	margin: 0 0 15px 0;
	padding: 0 0 18px 5px;
	background: url(../images/info_line.gif) no-repeat bottom;
	font-size: 107%;
}

div#interview dl dt
{
	clear: left;
	float: left;
	padding-bottom: 8px;
	width: 7em;
	color: #1A7BA6;
	font-weight: 800;
}

div#interview dl dd
{
	margin: 0 0 0 7em;
	padding-bottom: 8px;
	height: 1%;
	width: auto;
}

/**-------------------------------------
	03.FAQ
---------------------------------------**/

dl.faqList
{
	margin: 0 0 18px 0;
	padding: 0 0 18px 5px;
	background: url(../images/info_line.gif) no-repeat bottom;
	font-size: 107%;
}

dl.faqList dt
{
	margin: 0 0 6px 0;
	padding: 3px 0 5px 40px;
	background: url(../images/faq_pin_01.jpg) no-repeat;
}

dl.faqList dd
{
	padding: 3px 0 5px 40px;
	background: url(../images/faq_pin_02.jpg) no-repeat;
}