﻿@charset "utf-8";
/* CSS Document */

@import url("base.css");

.campaignBox {
	border-width: 11px !important;
}

.contentFooter {
	width: 723px !important;
}

.clear_right {
	clear: both;
	text-align: right;
	padding: 15px 10px;
}

.pan_small {
	font-size: 85%;
}

/* container & background */

.char_container {
	background: #abc5d9;
	padding: 0px 11px;
	width: 723px;
	color: #333333;
}

.chcont {
	background: url(../image/char/bg_chcont.gif) repeat-x top left;
	overflow: hidden;
	background-color: #ffffff;
	padding: 10px 20px 27px;
	_width: 723px;
}

/* header */

.bg_charactor {
	background: transparent url(../image/header-image.jpg) no-repeat;
	width: 723px;
	height: 94px;
}

/* menu */

ul.chmenu {
	background: url(../image/char/bg_cpmenu.gif) repeat-x;
	margin: 0px;
	width: 723px;
	text-align: center;
	padding: 0px;
}

ul.chmenu li {
	color: #ffffff;
	list-style: none;
	line-height: 30px;
	display: inline;
	font-size: 90%;
}

ul.chmenu li a {
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}

ul.ch_submenu {
	background: url(../image/char/bg_ch_submenu.gif) repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

ul.ch_submenu li {
	display: inline;
	padding: 0px 5px;
	font-size: 85%;
}

ul.ch_submenu li.orange {
	color: #f58e6b;
}

ul.ch_submenu li.green {
	color: #497f8a;
}

ul.ch_submenu li.blue {
	color: #3e6294;
}

ul.ch_submenu li a {
	line-height: 34px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}




/* title */

.title_charactor {
	background: url(../image/char/title_char.gif) no-repeat;
	height: 222px;
	height: 50px;
}

.bgt_charactor {
	background: url(../image/char/bgt_char.gif) repeat-x;
	clear: both;
}

.title_chlogo {
	background: url(../image/char/title_chlogo.gif) no-repeat;
	width: 279px;
	height: 50px;
}

.bgt_chlogo {
	background: url(../image/char/bgt_chlogo.gif) repeat-x;
	clear: both;
}

.title_download {
	background: url(../image/char/title_download.gif) no-repeat;
	width: 181px;
	height: 50px;
}

.bgt_download {
	background: url(../image/char/bgt_download.gif) repeat-x;
	clear: both;
}

/* char */

.title_img_char {
	background: url(../image/char/bgt_char_img.gif) no-repeat;
	height: 62px;
	margin: 0px;
	padding: 0px;
}

.bg_char {
	background: url(../image/char/bg_chimage.gif) no-repeat bottom left;
	width: 666px;
	height: 531px;
	margin: 0 10px;
}

.ch_left {
	width: 270px;
	float: left;
	text-align: center;
}

.ch_left p {
	font-weight: bold;
}

.ch_left p img {
	margin-bottom: 10px;
}

.ch_right {
	width: 370px;
	float: left;
}

ul.wanco {
	clear: both;
	padding: 0;
	margin: 0 0 0 20px;
}

ul.wanco li {
	font-size:80%;
	text-align: center;
	width: 156px;
	float: left;
	list-style: none;
	display: block;
	font-weight: bold;
	padding-bottom: 20px;
	margin-top: 20px;
}

ul.wanco li img {
	margin-bottom: 10px;
}

.wanco_p {
	margin-top: 25px;
}

/* logomark */

.left_logo {
	width: 320px;
	float: left;
	text-align: center;
}

.right_logo {
	width: 320px;
	float: left;
}

.right_logo p {

}

/* download */

.article_download {
	border: 3px solid #91a4bf;
	background: url(../image/char/bg_chdown.gif) repeat-x;
	padding: 20px;
	margin-bottom: 20px;
	width: 619px;
	_width: 659px;
	margin: 0 10px 25px;
}


.download_blue {
	color: #002e79;
	font-weight: bold;
}

.left_download {
	width: 330px;
	float: left;
	text-align: center;
}

.right_download {
	width: 330px;
	float: left;
	text-align: center;
}


/* 090907 */

div.chr_bn01 {
	background: url(../image/char/chr_bg01.gif) no-repeat;
	margin: 25px 10px 0;
	height: 184px;
	clear: both;
	width: 668px;
}

div.chr_bn01 h4 {
	display: none;
}

div.chr_bn01 ul {
	padding: 115px 0 0 210px;
	margin: 0;
	list-style: none;
}

div.chr_bn01 ul li {
	display: block;
	float: left;
	width: 220px;
}

div.chr_bn01 ul li a {
	display: block;
	width: 209px;
	height: 58px;
	text-indent: -9999px;
}

div.chr_bn01 ul li a.cli01 {
	background: url(../image/char/chr_btn01.gif) no-repeat;
}

div.chr_bn01 ul li a.cli02 {
	background: url(../image/char/chr_btn02.gif) no-repeat;
}

div.chr_bn01 ul li a.cli01:hover,
div.chr_bn01 ul li a.cli02:hover {
	background-position: 0 -58px;
}

/* papercraft */


.area_bg02a {
	background: url(../image/download/dl_bg02.gif) no-repeat bottom left;
	width: 666px;
	margin: 20px 10px;
	overflow: hidden;
	padding: 0 0 20px;
}

.area_bg02b {
	background: url(../image/download/dl_bgt02.gif) no-repeat top left;
}

.ttl02 {
	background: url(../image/download/dl_ttb02.gif) repeat-x;
	clear: both;
}

.ttl02 h3 {
	background: url(../image/download/dl_ttl02.gif) no-repeat;
	height: 50px;
	text-indent: -9999px;
}

ul.ul_paper {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.ul_paper li {
	width: 133px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 85%;
}

ul.ul_paper li strong {
	display: block;
}


.area_bg02a p {
	margin: 0;
	padding: 20px;
}

/* 090907 */

.alctr {
	text-align: center;
	padding-top: 40px;
}

.area_scr {
	width: 330px;
	float: left;
}

.stl03,
.stl04 {
	height: 46px;
	text-indent: -9999px;
	clear: both;
	margin-left: 20px;
	width: 330px;
	margin-top: 0;
}

.stl03 {
	background: url(../image/download/dl_stl03.gif) no-repeat top left;
}

.stl04 {
	background: url(../image/download/dl_stl04.gif) no-repeat top left;
}

.stl01,
.stl02 {
	height: 46px;
	text-indent: -9999px;
	clear: both;
	margin-left: 20px;
	margin-bottom: 0;
}

.stl01 {
	background: url(../image/download/dl_stl01.gif) no-repeat top left;
}

.stl02 {
	background: url(../image/download/dl_stl02.gif) no-repeat top left;
}

div.pc01 {
	width: 310px;
	float: left;
}

div.pc01 p,
div.pc01 ol {
	margin-left: 15px;
	font-size: 75%;
}

div.pc01 p.txt01 {
	margin-top: 0;
}

div.pc01 ol {
	width: 260px;
	padding-left: 25px;
}

p.chr_txt01 {
	margin-left: 143px;
}

p.chr_txt01 a {
	background: url(../image/char/chr_txt01.gif) no-repeat top left;
	width: 399px;
	height: 17px;
	text-indent: -9999px;
	display: block;
}

