/*
 * Common Style
 */
/*/////////////////////////////////////////////////////////

	1-1.Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	Font-size Adjustment
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px
	92% = 12px	|	136% = 18px	|	182% = 24px
	100% = 13px	|	144% = 19px	|	189% = 25px
	107% = 14px	|	152% = 20px	|	197% = 26px
	114% = 15px	|	159% = 21px	|

/////////////////////////////////////////////////////////*/

/*--------------------------------------
 Content Area
--------------------------------------*/

/* div#intro
--------------------------------------*/
aside{
	padding:0 0 15px 0;
}

#intro {
	margin: 0 0 20px;
}

#intro .visual {
	height: 298px;
	margin: 0 auto;
	overflow: hidden;
	width: 950px;
}

.bx-wrapper {
	height: 298px;
	margin: 0 auto;
	position: relative;
	width: 950px;
}

/* Section
--------------------------------------*/

section {
	margin: 0 auto 20px;
}

section header {
	margin: 0 0 15px;
}

section header h2 {
	margin: 0;
	padding: 0;
}

section .continue {
	clear: both;
	text-align: right;
}

/* facebook
--------------------------------------*/

section.facebook {
	text-align: center;
    background-color: #E6F2DE;
    padding: 20px 0;
}

/* #section-02
--------------------------------------*/

#section-02 .section_box {
	float: left;
	margin: 10px 22px 15px 0;
	width: 222px;
}

#section-02 .section_box.pseudo-last-child {
	margin-right: 0;
}

#section-02 .section_box h3 {
	background: url(../../image/icon_section-02_01.png) no-repeat 0 0.4em;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	margin: 0 5px 5px;
	padding: 0 0 0 15px;
}

#section-02 .section_box p {
	margin: 5px;
}

/* #section-03
--------------------------------------*/

#section-03 {
	text-align: center;
}

#section-03 .section_box {
	display: inline-block;
	margin: 0 8px 5px;
	vertical-align: top;
	width: 217px;
}

#section-03 .section_box h3 {
	background: url(../../image/texture_section-03_01.png) no-repeat -5px -5px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	margin: 0;
	padding: 25px 15px 10px;
	text-align: left;
}

#section-03 .continue {
	margin: 5px 0 0;
}

/* #section-04
--------------------------------------*/

#section-04 {
	margin-bottom: 40px;
}

#section-04 .module_flex p {
	margin: 0 5px;
	font-size: 14px;
	line-height: 160%;
}

/* #section-05
--------------------------------------*/

#section-05 {
}

#section-05 .section_box {
	background: url(../../image/icon_section-05_01.png) no-repeat 0 45px;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0 3px 1em;
	padding: 0 0 0 20px;
	text-align: left;
	vertical-align: top;
	width: 116px;
}

#section-05 .section_box.pseudo-first-child,
#section-05 .section_box.pseudo-nth-child-6 {
	background: none;
	padding-left: 0;
}

#section-05 .section_box h3 {
	margin-bottom: 10px;
}

#section-05 .section_box p {
	margin: 5px;
}


/* #section-06
--------------------------------------*/

#section-06 #naiyou {
	position:relative;
}

#section-06 #naiyou a img {
	position: absolute;
}

#section-06 .no01 {
	top: 90px;
	left: 150px;
}

#section-06 .no02 {
	top: 100px;
	left: 525px;
}

#section-06 .no03 {
	top: 105px;
	left: 335px;
}

#section-06 .no04 {
	top: 150px;
	left: 95px;
}

#section-06 .no05 {
	top: 230px;
	left: 515px;
}

#section-06 .no06 {
	top: 330px;
	left: 80px;
}

#section-06 .no07 {
	top: 355px;
	left: 520px;
}

#section-06 .no08 {
	top: 485px;
	left: 40px;
}

#section-06 .no09 {
	top: 480px;
	left: 180px;
}

#section-06 .no10 {
	top: 490px;
	left: 360px;
}
#section-06 .no11 {
	top: 505px;
	left: 520px;
}


/* div.module_flex
--------------------------------------*/

.module_flex {
	margin: 0 0 20px;
	overflow: hidden;
	zoom: 1;
}

.module_flex .base {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
}

.module_flex .other {
	overflow: hidden;
	zoom: 1;
}

/* div.module_timeline
--------------------------------------*/

.module_timeline {
	overflow: hidden;
}

.module_timeline ul {
	list-style: none;
	margin: 0 0 -11px;
	padding: 0;
}

.module_timeline li {
	border-bottom: 1px dotted rgb(153,153,153);
	font-size: 14px;
	font-size: 1.2rem;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0 0 10px 10px;
	zoom: 1;
}

.module_timeline li time {
	background: url(../../image/icon_section-01_01.png) no-repeat 0 0.4em;
	float: left;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
}

.module_timeline li .title {
	display: block;
	overflow: hidden;
	zoom: 1;
}