@charset "Shift_JIS";

/* --------------------------
Copyright 2009 GungHo Online
FileName: style.css
---------------------------- */

* {
	margin:0;
	padding:0;
	font-style:normal;
	border:none;
}

body{
	margin:0;
	padding:0;
	width:100%;
	height:auto;
	/*\*/ height:100%; /* */
	font-size:small;
	font-family:'MS PGothic', 'Hiragino Kaku Gothic Pro W3', Osaka, sans-serif;
	text-align:center;
	background:url(/cksu/collaboration/img/body-back.jpg) #64A966 repeat-x;
	line-height:1.3em;
	word-break:break-all;
}


/* |||||||||||| COMMON |||||||||||| */
/* FLOAT */
.fltL { float:left; }
.fltR { float:right; }

.pkg{
	overflow:hidden;
	margin-bottom:0;
}
.pkg:after{
    content: "";
    display:block;
    clear:both;
    height:0;
    overflow:hidden;
}
/*\*/
* html .pkg{
    height:0;
    overflow:visible;
}
/**/

/* MARGIN */
.MrgT10 { margin-top:10px; }
.MrgT20 { margin-top:20px; }
.MrgB10 { margin-bottom:10px; }
.MrgR5 { margin-right:5px; }
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

img, div { behavior: url(/cksu/collaboration/js/iepngfix.htc) }

/* |||||||||||| HEAD |||||||||||| */
div#header {
	margin:0 auto;
	width:100%;
	background:url(/cksu/collaboration/002/img/head-back.jpg) no-repeat 50% 0%;
}

div#header .fltL {
	width:260px;
}
div#header .fltR {
	width:540px;
}

div#header .navi01 {
	display:block;
	margin:0 20px;
	_margin:0 17px 0 10px;
	width:240px;
	height:45px;
	background:url(/cksu/collaboration/002/img/head-navi_01.jpg) no-repeat;
	float:left;
}
div#header .navi03 {
	display:block;
	width:240px;
	height:45px;
	background:url(/cksu/collaboration/002/img/head-navi_02.jpg) no-repeat;
	float:left;
}


div#set {
	margin:0 auto;
	width:800px;
	text-align:left;
}


/* |||||||||||| MAIN |||||||||||| */
div#page {
	margin:0 auto;
	width:100%;
	min-width:800px;
	background:url(/cksu/collaboration/img/page-back.gif) 50% 0%;
}

div#main {
	margin:0 auto;
	width:100%;
	min-width:800px;
	background:url(/cksu/collaboration/img/main-back.gif) repeat-x;
}

div#in {
	margin:0 auto;
	width:100%;
	min-width:800px;
	background:url(/cksu/collaboration/002/img/main-back_in.jpg) no-repeat 50% 0%;
}


/* || プレゼント || */

div#main div#present {
	margin:0 auto;
	width:760px;
	text-align:center;
}

div#main div#present div.fltL {
	margin:5px 20px 0 0;
	width:240px;
}

div#main div#present div.fltR {
	width:500px;
}


div#main div.about {
	padding:27px 0 0 50px;
	width:750px;
	height:85px;
	background:url(/cksu/collaboration/002/img/main-about_back.jpg) no-repeat;
}

div#main img.title {
	margin:0 20px 5px 20px;
}

div#main div#present {
	margin-bottom:25px;
}

div#main div.box {
	margin:0 auto 25px auto;
	width:760px;
}
div#main div.boxIn {
	padding:0 20px;
	width:720px;
	background:url(/cksu/collaboration/002/img/main-box_back_mdl.gif) #FFF repeat-y;
}

div#main div.boxIn table.attention {
	margin-top:20px;
	width:720px;
}
div#main div.boxIn table.attentionS {
	margin-top:10px;
	width:340px;
}
div#main div.boxIn table.attention th ,div#main div.boxIn table.attentionS th {
	width:15px;
}
div#main div.boxIn table.attention th ,div#main div.boxIn table.attention td {
	font-weight:400;
	font-size:80%;
	text-align:left;
	vertical-align:top;
}
div#main div.boxIn table.attentionS th ,div#main div.boxIn table.attentionS td {
	font-weight:400;
	font-size:80%;
	text-align:left;
	vertical-align:top;
	border:none;
}


/* || アイテム取得 || */

div#main div.route {
	padding:0 15px;
	width:690px;
	background:#E1DDDB;
}

div#main div.route div.fltL {
	width:340px;
}
div#main div.route div.fltR {
	width:330px;
}

div#main div.route table.step3 {
	width:690px;
}
div#main div.route table.step3 th {
	padding-top:20px;
	width:24px;
}
div#main div.route table.step3 td {
	padding-top:20px;
	width:50%;
	text-align:center;
}
div#main div.route table.step3 p {
	margin:0 auto;
	padding:15px 15px 0 15px;
	width:275px;
	background:#FFF;
	text-align:left;
}
div#main div.route table.step3 p img {
	margin:15px 0 0 0;
}
div#main div.step5 {
	background:url(/cksu/collaboration/002/img/main-item_step5_back.jpg) #E1DDDB no-repeat 0% 100%;
}


/* || キャンペーン概要 || */

div#main div.boxIn h5 {
	margin:0px 0 10px 0;
	padding:3px 5px;
	background:#E1DDDB;
	font-size:100%;
	color:#2A0B00;
	text-align:center;
	border:1px #2A0B00 dotted;
}
div#main div.boxIn div.text {
	margin-bottom:20px;
	color:#333;
}
div#main div.boxIn div.text table.item {
	margin-top:5px;
	width:720px;
	border:1px #2A0B00 dotted;
}
div#main div.boxIn div.text table.item th {
	width:150px;
	background:#2A0B00;
	color:#FFF;
	text-align:center;
}
div#main div.boxIn div.text table.item td {
	width:30%;
	text-align:center;
	border:1px #EEE solid;
}
div#main div.boxIn div.text table.item td.t {
	background:#E1DDDB;
}

div#main div.boxIn div.faq p {
	padding:5px 0;
	border-bottom:1px #2A0B00 dotted;
}
div#main div.boxIn div.faq p strong {
	display:block;
	margin-bottom:5px;
}


/* |||||||||||| FOOTER |||||||||||| */
div#footer {
	margin:20px auto 40px auto;
	width:760px;
}

div#footer td {
	font-size:10px;
	color:#FFF;
}