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


@import url(basic.css);
@import url(../common/common.css);


/* clearFix hack */
section:after,
#items ul:after {
	content		: ".";
	display		: block;
	height		: 0;
	clear		: both;
	visibility	: hidden;
}


body {
	display		: block;
	position	: relative;
	margin		: 0;
	padding		: 0;
	background	: #000000;
	color		: #ffffff;
	font-size	: 14pt;
	line-height	: 1.4;

	font-family	: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}


/* --------------------------------------------------------
	Common Block
----------------------------------------------------------- */


section {
	display		: block;
	position	: relative;
	margin		: 0 auto;
	padding		: 0;
	background	: #000000;
	zoom		: 1;
}


section article {
	display		: block;
	position	: relative;
}

/*
section article h2 {
	padding		: 10px 0;
	text-align	: center;
}

section article h3 {
	padding		: 0;
	text-align	: center;
}
*/


/* -------------------------------------------------------
	HOME
---------------------------------------------------------- */


#HOME {
	display		: block;
	position	: relative;
	margin		: 0 auto;
	padding		: 100px 0 70px 0;
	overflow	: hidden;
	background	: url(img/main_bg.jpg) center bottom repeat-x;
}

#HOME h1{
	height		: 37px;
	margin		: 0 0 50px;
	background	: url(img/main_title.png) center bottom no-repeat;
	text-indent	: -9999px;
	overflow	: hidden;
}
#HOME h2{
	margin		: 30px 0;
	text-align:center;
}

#HOME img {
	display		: block;
	margin		: 0 auto;
}


/* -------------------------------------------------
	sec01
---------------------------------------------------- */

#items {
	padding:100px 0 100px 0;
	background:url(img/bg_orange.jpg) center top repeat-x;
}

#items h2 {
	display		: block;
	height		: 40px;
	margin		: 0;
	text-align	: left;
	text-indent	:-9999px;
	overflow	:hidden;
	background	: url(img/01_title.png) center center no-repeat;
}

#items p {
	margin		:  40px 0 0 0;
	text-align:center;
}

#items ul {
	display:block;
	position:relative;
	width:640px;
	margin:40px auto 0;
	zoom:1;
}

#items ul li {
	_display	: inline;
	float		: left;
	width		: 280px;
	margin		: 0 20px 10px 20px;
	padding		: 0 0 210px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size	: 13pt;
	background-position	: 0 bottom;
	background-repeat	: no-repeat;
}
#items ul li.item01 { background-image :url(img/01_01.png); }
#items ul li.item02 { background-image :url(img/01_02.png); }
#items ul li.item03 { background-image :url(img/01_03.png); }
#items ul li.item04 { background-image :url(img/01_04.png); }
#items ul li.item05 { background-image :url(img/01_05.png); }
#items ul li.item06 { background-image :url(img/01_06.png); }
#items ul li.item07 { background-image :url(img/01_07.png); margin-left:160px; }

/* -------------------------------------------------
	web
---------------------------------------------------- */

#web {
	padding:100px 0 100px 0;
	background:url(img/bg_red.jpg) center top repeat-x;
}

#web h2 {
	display		: block;
	height		: 40px;
	margin		: 0;
	text-align	: left;
	text-indent	:-9999px;
	overflow	:hidden;
	background	: url(img/02_title.png) center center no-repeat;
}

#web p {
	margin		:  40px 0 0 0;
	text-align:center;
}

#web img.items {
	display:block;
	margin:30px auto 0;
}


#web aside {
	padding:30px 0;
	background	: url(img/02_bg.png);
}

#web aside h3 {
	margin		: 15px 0 0 25px;
	text-align	: center;
}

#web aside dl {
	margin:30px 0 0 0;
}

#web aside dl dt {
	text-align:center;
}
#web aside dl dd {
	text-align:center;
	font-family	: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

#web a.btn {
	display		: block;
	height		: 58px;
	line-height	: 58px;
	margin		: 50px 10% 0;

	text-align	: center;
	text-decoration:none;

	color:#ffffff;
	background	: #7f6b2a url(img/arrow.png) 90% center no-repeat;
	border-top		: 2px solid #a39465;
	border-bottom	: 2px solid #56450e;

	font-family	: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

#web a.btn:hover {
	background-color: #cf335f;
	border-top		: 2px solid #ea648a;
	border-bottom	: 2px solid #ad0b39;
}

#web aside .attxt {
    margin-top: 10px;
	width: 100%;
	text-align:center;
	font-size: 0.8em;
}

#web aside .attxt a{
	color: #fff;
}
/* -------------------------------------------------
	sec03
---------------------------------------------------- */

#catalog {
	padding:100px 0 100px 0;
	background:url(img/bg_purple.jpg) center top repeat-x;
}

#catalog h2 {
	display		: block;
	height		: 40px;
	margin		: 0;
	text-align	: left;
	text-indent	:-9999px;
	overflow	:hidden;
	background	: url(img/03_title.png) center center no-repeat;
}

#catalog p {
	margin		:  40px 0 0 0;
	text-align:center;
}


#catalog .pages {
	display		: block;
	position	: relative;
	width		:568px;
	height		:362px;
	margin		:-170px auto 0;
	overflow	:hidden;
}

#catalog .pages ul {
	display:block;
	position:relative;
}

#catalog .pages ul li {
	position:absolute;
	top:0;
	left:0;
	width		:568px;
	height		:362px;
	overflow	:hidden;
}

#catalog a.btn {
	display		: block;
	height		: 58px;
	line-height	: 58px;
	margin		: 0 10% 0;

	text-align	: center;
	text-decoration:none;

	color:#ffffff;
	background	: #7f6b2a url(img/arrow.png) 90% center no-repeat;
	border-top		: 2px solid #a39465;
	border-bottom	: 2px solid #56450e;

	font-family	: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
}

#catalog a.btn:hover {
	background-color: #cf335f;
	border-top		: 2px solid #ea648a;
	border-bottom	: 2px solid #ad0b39;
}

/* -------------------------------------------------
	point
---------------------------------------------------- */

#point {
	padding:100px 0 100px 0;
	background:url(img/bg_orange.jpg) center top repeat-x;
}

#point h2 {
	display		: block;
	height		: 40px;
	margin		: 0;
	text-align	: left;
	text-indent	:-9999px;
	overflow	:hidden;
	background	: url(img/04_title.png) center center no-repeat;
}

#point p {
	margin		:  40px 0 0 0;
	text-align:center;
}

#point img {
	display:block;
	margin:50px auto 0;
}

/* -------------------------------------------------
	movie
---------------------------------------------------- */

#movie {
	padding:100px 0 100px 0;
	background:url(img/bg_red.jpg) center top repeat-x;
}

#movie h2 {
	display		: block;
	height		: 40px;
	margin		: 0;
	text-align	: left;
	text-indent	:-9999px;
	overflow	:hidden;
	background	: url(img/05_title.png) center center no-repeat;
}

#movie p.catch {
	margin		:  40px 0 0 0;
	text-align:center;
}

#movie .items {
	display:block;
	position:absolute;
	top:25px;
	left:0;
}

#movie .video {
	display:block;
	width:420px;
	margin:30px auto 0;
}

#movie .caption {
	display:block;
	margin:0;
	font-size:12pt;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}

/* -------------------------------------------------
	service
---------------------------------------------------- */

#service {
	padding:100px 0 100px 0;
	background:url(img/bg_purple.jpg) center top repeat-x;
}

#service h2 {
/*
	display		: block;
	height		: 40px;
	margin		: 0;
	text-align	: left;
	text-indent	:-9999px;
	overflow	:hidden;
	background	: url(img/06_title.png) center center no-repeat;
*/
	display		: block;
	height		: 40px;
	margin		: 0;
	text-align	: left;
	text-indent	:-9999px;
	overflow	:hidden;
	background	: url(img/05_title.png) center center no-repeat;
}


#service p {
	margin		:  40px 0 0 0;
	text-align:center;
}

#service ul {
	width:640px;
	margin:0 auto;
}

#service ul li {
	font-size:13pt;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#service ul li.card {
	margin:30px 0 30px 30px;
}
#service ul li.wrapping {
	margin:30px 0 30px 40px;
}
#service ul li.noshi {
	margin:30px 0 30px 165px;
}

#service ul li img {
	display:block;
}




/* -------------------------------------------------------------------
	Social Buttons
---------------------------------------------------------------------- */


#social {
	top		: 80px;
	right	: 10px;
}