@charset "UTF-8";

/*************index*************** 

 * 1. import
 * 2. font
 * 3. レイアウト共通
 * 4. 個別ページ
 
 ********************************/
 
/********************************
 * 1. import
 ********************************/
@import "reset.css";
@import "util.css";


/********************************
 * 2. font
 ********************************/
a {
	color: #333;
	text-decoration: none; }
a:visited {color: #333; }
a:hover {color: #54C3F1; }
a:active {color: #54C3F1; }

/* Font-Size */
.f10{font-size:10px; line-height:14px;}
.f11{font-size:11px; line-height:15px;}
.f12{font-size:12px; line-height:16px;}
.f13{font-size:13px; line-height:17px;}
.f14{font-size:14px; line-height:18px;}


/* cap */

.cap {
	font-size: 10px;
	line-height: 120%;
	color: #FFF;
	position: absolute;
	left: 0px;
	bottom: 5px; }

.cap_index {
	font-size: 10px;
	line-height: 120%;
	color: #909294;
	margin-top: 10px; }

.cap_g {
	font-size: 10px;
	line-height: 120%;
	color: #6C6E70;
	position: absolute;
	left: 10px;
	bottom: 100px; }



/********************************
 * 3. レイアウト
 ********************************/

#container {
	width: 100%;
	border-top: solid 3px #000; }


/* Header */
#gHeaderArea {
	width: 100%;
	height: 65px;
	background: url(../images/h_bg.gif) repeat-x top;
	border-bottom: solid 1px #000; }
#gHeader {
	position: relative;
	width: 1000px;
	height: 65px;
	margin-left: auto;
	margin-right: auto; }
.siteTitle {
	position: absolute;
	top: 0;
	left: 0; }
.siteTitle_bg {
	background: url(../images/h_title_bg.png) repeat-x top; }
#hNav {
	position: absolute;
	top: 3px;
	right: 0; }
#hNav li { float: left; margin: 0px; }


/* sideBtn */
#btNext {
	position: absolute;
	top: 40%;
	right: 10px;
	height: 46px;
	width: 46px; }
#btBack {
	position: absolute;
	top: 40%;
	left: 10px;
	height: 46px;
	width: 46px; }
#btNext {
	_position: absolute;
	_top: 47%;
	_right: 10px;
	_height: 46px;
	_width: 46px; }
#btBack {
	_position: absolute;
	_top: 47%;
	_left: 10px;
	_height: 46px;
	_width: 46px; }


/* liquidArea */
#liquidArea {
	position: relative;
	z-index: -1000; }
#liquidArea div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 534px;
	overflow: hidden;
	z-index: -1000; }
#liquidArea img {
	width: 100%;
	height: auto;
	min-width: 1121px;
	min-height: 534px;
	margin-bottom: -5px; /* IE7対策 */
	-ms-interpolation-mode: bicubic; /* IE7対策 */ }


#conWrapper {
	position: relative;
	width: 100%;
	height: 610px; }



/* titleArea */
#titleBG {
	width: 100%;
	background: #EEE8D5;
	border-bottom: solid 3px #FFF; }
#titleArea {
	position: relative;
	width: 1000px;
	height: 60px;
	margin-left: auto;
	margin-right: auto; }
.pageTitle {
	position: absolute;
	top: 17px;
	left: 0; }
#titleArea #hNav {
	position: absolute;
	top: 9px;
	right: 0; }
#titleArea #hNav li { float: left; margin: 0px; }



/* mainContent */
#mainContent {
	position: relative;
	width: 1000px;
	height: 534px;
	margin: 0 auto; }
.page #mainContent {
	position: relative;
	width: 1000px;
	height: 526px;
	margin: 0 auto; }

#gNav {
	position: absolute;
	top: 10px;
	right: 0; }
#gNav li { float: left; margin-left: 5px; }



/* Fotter */
#gFooterArea {
	width: 100%;
	background-color: #EEE8D5;
	border-top: solid 2px #FFF; }
#gFooter {
	width: 1000px;
	height: 90px;
	margin: 0 auto;
	padding: 0; }
.f_menu {
	width: 650px;
	float: left;
	margin-top: 5px; }
#fNav { clear:both; }
#fNav li { float: left; margin-right: 7px; }


/********************************
 * 4. 個別ページ
 ********************************/
 
 /* index */
#index #menuBG {
	position: absolute;
	background: url(../images/index/menu_bg.png) no-repeat top;
	width: 730px;
	height: 194px;
	right: 0;
	top: 20px; }
#index #menuBG .menu {
	width: 653px;
	margin: 0 auto;
	padding-top: 80px; }
#index .btn_tokuten {
	position: absolute;
	right: 0;
	bottom: 20px; }


/* part1-01_1 */
.part1-01_1_title {
	position: absolute;
	top: 35px;
	left: 45px; }
.part1-01_1_txt {
	position: absolute;
	bottom: 27px;
	right: 0px; }
.part1-01_1 #keyvisual {
	position: absolute;
	top: 15px;
	right: 0;
	position: relative; }
.part1-01_1 #keyvisual .mainPic {
	position: absolute;
	top: 0;
	right: 0; }


/* part1-01_2 */
.part1-01_2_txt {
	position: absolute;
	top: 50px;
	left: 0px; }
.part1-01_2_img {
	position: absolute;
	bottom: 30px;
	right: 0px; }


/* part1-02_1 */
.part1-02_1_title {
	position: absolute;
	top: 35px;
	left: 20px; }
.part1-02_1_txt {
	position: absolute;
	bottom: 30px;
	right: 0; }
.part1-02_1 #keyvisual {
	position: absolute;
	top: 15px;
	right: 0;
	position: relative; }
.part1-02_1 #keyvisual .mainPic {
	position: absolute;
	top: 0;
	right: 0;  }


/* part1-02_2 */
.part1-02_2_txt {
	position: absolute;
	top: 46px;
	left: 0px; }
.part1-02_2_img {
	position: absolute;
	bottom: 30px;
	right: 0px; }


/* part1-03_1 */
.part1-03_1_title {
	position: absolute;
	top: 30px;
	left: 40px; }
.part1-03_1_txt {
	position: absolute;
	bottom: 20px;
	right: 0; }
.part1-03_1 #keyvisual {
	position: absolute;
	top: 15px;
	right: 0;
	position: relative; }
.part1-03_1 #keyvisual .mainPic {
	position: absolute;
	top: 0;
	right: 0;  }


/* part1-03_2 */
.part1-03_2_txt {
	position: absolute;
	top: 46px;
	left: 0px; }
.part1-03_2_img {
	position: absolute;
	bottom: 30px;
	right: 0px; }


/* part2-01 */
.part2-01_title {
	position: absolute;
	top: 75px;
	left: 0px; }
.part2-01_txt {
	position: absolute;
	bottom: 40px;
	left: 0px; }
.part2-01_img {
	position: absolute;
	bottom: 30px;
	right: 0px; }
.vie #keyvisual {
	position: absolute;
	top: 25px;
	right: 0;
	position: relative; }
.vie #keyvisual .mainPic {
	position: absolute;
	top: 0;
	right: 0; }


/* part2-02 */
.part2-02_title {
	position: absolute;
	top: 75px;
	left: 0px; }
.part2-02_txt {
	position: absolute;
	bottom: 40px;
	left: 0px; }
.part2-02_img {
	position: absolute;
	bottom: 30px;
	right: 0px; }
.chat #keyvisual {
	position: absolute;
	top: 25px;
	right: 0;
	position: relative; }
.chat #keyvisual .mainPic {
	position: absolute;
	top: 0;
	right: 0; }


/* tokuten */
.tokuten_title {
	position: absolute;
	top: 80px;
	left: 0px; }
.tokuten_txt {
	position: absolute;
	bottom: 35px;
	left: 0px; }
.tokuten_img {
	position: absolute;
	bottom: 30px;
	right: 0px; }
.tokuten_btn {
	position: absolute;
	top: 10px;
	right: 0px; }