@charset "utf-8";
/* CSS Document */

/* CONTENTS

	1. Guide
	2. About
	3.
	4.
	5.
	
												Last Up Date 2012.03.01
-------------------------------------------------------------------------- */





/* ========================================================================
	1. Guide
=========================================================================== */
.iGuide {
	width: 625px;
	height: 160px;
	padding:  20px;
	margin: 0 0 30px;
	background: url(../img/index/bg_guide.gif) 0 0 no-repeat;
}


.iGuide h2 {
	margin: 0 0 20px;
	font-size: 24px;
	color: #3B9CD7;
	font-weight: bold;
}
.iGuide p {
	margin: 0 0 1em;
}








/* ========================================================================
	2. Item Line-Up
=========================================================================== */
.iLineup {
	width: 645px;
	padding: 10px 0 10px 15px;
	margin: -15px 0 40px;
	background: url(../img/common/bg_diagonal_gg.gif) left top repeat;
	overflow: hidden;
}


.iLineup .boxLineup {
	float: left;
	width: 203px;
	margin: 0 5px 0 0;
	border: 1px solid #999;
	border-top: none !important;
	background-color: #FFF;
	text-align: center;
}

.iLineup .boxLineup p {
	margin: 0 10px;
}
.iLineup .boxLineup img {
	margin: 10px 0;
}

.iLineup .boxLineup .headLineup01,
.iLineup .boxLineup .headLineup02,
.iLineup .boxLineup .headLineup03 {
	width: 205px;
	margin: 0 -1px 10px;
	font-size: 14px;
	font-weight: bold;
}

.iLineup .boxLineup .headLineup01 a {
	display: block;
	width: 205px;
	height: 28px;
	padding: 7px 0 0;
	background: url(../img/common/btn.gif) 0 -170px no-repeat;
	color: #333;
	text-decoration: none;
}

.iLineup .boxLineup .headLineup02 a {
	display: block;
	width: 205px;
	height: 28px;
	padding: 7px 0 0;
	background: url(../img/common/btn.gif) -205px -170px no-repeat;
	color: #333;
	text-decoration: none;
}
.iLineup .boxLineup .headLineup03 a {
	display: block;
	width: 205px;
	height: 28px;
	padding: 7px 0 0;
	background: url(../img/common/btn.gif) -410px -170px no-repeat;
	color: #333;
	text-decoration: none;
}


.iLineup .boxLineup .headLineup01 a:hover {
	background-position: 0 -206px;
}
.iLineup .boxLineup .headLineup02 a:hover {
	background-position: -205px -206px;
}
.iLineup .boxLineup .headLineup03 a:hover {
	background-position: -410px -206px;
}



.iLineup .boxLineup .iLineupLink {
	width: 203px;
	line-height: 1.1em;
}
.iLineup .boxLineup .i_deLineup a {
	display: block;
	width: 203px;
	padding: 4px 0;
	margin: 10px -10px 0;
	background-color: #666;
	color: #FFF;
	text-decoration: none;
	line-height: 1.1em;
}
.iLineup .boxLineup .i_deLineup a:hover {
	background-color: #333;
}





/* ========================================================================

=========================================================================== */

/* ~2011.02.28 */
.iLargeOder {
	width: 655px;
	padding: 2px;
	border: 3px solid #C9EBFF;
	overflow: hidden;
}
.iLargeOder dt {
	float: left;
	width: 200px;
	margin: 0 20px 0 0;
}
.iLargeOder dd {
	padding: 10px 10px 20px;
}
.iLargeOder dd#iLargeTEL {
	float: left;
	width: 192px;
	padding: 0 0 0 30px;
}
.iLargeOder dd#iLargeForm {
	float: right;
	width: 167px;
	padding: 0 30px 0 0;
}
.iLargeOder dd#iLargeForm a {
	display: block;
	width: 167px;
	height: 0 !important;
	padding: 36px 0 0 0;
	background: url(../img/common/btn.gif) -350px -80px no-repeat;
	overflow: hidden;
}

.iLargeOder dd#iLargeForm a:hover {
	background-position: -350px -116px;
}




/* 2012.03.01 ~ */
.iLargeOder02 {
	float: left;
	width: 290px;
	padding: 9px;
	margin: 0 15px 0 0;
	border: 1px solid #CCC;
	overflow: hidden;
}
.iLargeOder02 h4 {
	float: left;
	width: 45px;
	margin: 0 10px 0 0;
	padding: 0;
}

.iLargeOder02 h5 {
	float: right;
	width: 235px;
	padding: 10px 0;
	font-size: 14px;
	font-weight: bold;
	color: #298ae2;
}

.iLargeOder02 p.lead_txt_LO {
	float: right;
	width: 235px;
}


.iLargeOder02 .iLOContact {
	float: right;
	width: 235px;
	margin: 15px 0 0;
	padding: 10px 0;
	background-color: #f2f2f2;
	text-align: center;
}

.iLargeOder02 .iLOContact #iLargeTEL {
	padding: 0 0 10px;
}
.iLargeOder02 .iLOContact #iLargeForm {
	width: 167px;
	margin: 0 auto;	
}
.iLargeOder02 .iLOContact #iLargeForm a {
	display: block;
	width: 167px;
	height: 0 !important;
	padding: 36px 0 0 0;
	background: url(../img/common/btn.gif) -350px -80px no-repeat;
	overflow: hidden;
}

.iLargeOder02 .iLOContact #iLargeForm a:hover {
	background-position: -350px -116px;
}









/* Twitter
----------------------------------- */
.frm_twtr {
	float: left;
	width: 335px;
}


/*.twtr-widget-1
.twtr-widget
.twtr-widget-profile
.twtr-scroll,
.twtr-timeline,
.twtr-doc,
.twtr-hd,
.twtr-hd a {
	padding: 0!important;
	margin: 0 !important;
}


.twtr-hd {
	width: 365px !important;
	height: 35px !important;
	background: #FFF url(../img/index/bgfrm_twitter.gif) 0 0 no-repeat !important;
	position: relative;
}

.twtr-profile-img-anchor,
.twtr-profile-img {
	display: none !important;
	margin: 0 !important;
	padding: 0 !important;
}


.twtr-hd h3 {
	width: 100px !important;
	padding: 0 !important;
	font-size: 12px !important;
	line-height: 1.1em !important;
	position: absolute !important;
	top: 12px !important;
	left: -30px !important;
}
.twtr-hd h4 {
	width: 100px !important;
	font-size: 12px !important;
	margin: -1em 0 0 10em !important;
	padding: 0 !important;
	position: absolute !important;
	top: 7px !important;
	left: 70px !important
}


.twtr-ft {
	width: 315px;
	padding: 2px 10px 0 !important;
	margin: 0 !important;
	height: 23px !important;
	background: #fff url(../img/index/bgfrm_twitter.gif) left bottom no-repeat !important;
}
.twtr-ft div,
.twtr-ft div img,
.twtr-ft div a,
.twtr-ft div span {
	margin: 0 !important;
	padding: 0 !important;
}

*/


/* ========================================================================

=========================================================================== */