@charset "utf-8";

body {
	background:url(../img/background_rep.gif);
}


/* ========================================================================================================== *
	 Path Navi
 * ========================================================================================================== */

#path-navi {
	margin-left:10px;
	overflow:hidden;
}

#path-navi li {
	float:left;
	font-size:0.75em;
	padding-right:12px;
	background:url(../../img/icon_path.gif) no-repeat right center;
}

#path-navi li.last {
	background:none;
	padding:0;
}



/* ========================================================================================================== *
	 Image Area
 * ========================================================================================================== */

#image-area {
	background:url(../../img/bg_image-area.jpg) no-repeat 0 0;
	height:110px;
}



/* ========================================================================================================== *
	 Side Area
 * ========================================================================================================== */

#side-area marquee {
	width:236px;
	background:url(../../img/bg_telop.gif) repeat-x 0 0;
	color:#ff0;
	font-size:1.2em;
	line-height:20px;
}

#side-area .hmcm {
	margin-top:10px;
	height:177px;
}

#side-area #event {
	text-align:left;
	background:url(../../img/box_side_event_close.gif) no-repeat 0 100%;
	padding-bottom:15px;
}

#side-area #event .title {
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	color:#e4004f;
	line-height:40px;
	background:url(../../img/box_side_event_open.gif) no-repeat 0 0;
}

#side-area #event .inner {
	padding:15px 15px 0;
	color:#e4004f;
	line-height:1.8em;
	background:url(../../img/box_side_event_inner.gif) repeat-y 0 0;
}


/* ========================================================================================================== *
	 contents-area
 * ========================================================================================================== */

#contents-area .contents-section {
	margin-top:10px;
	overflow:hidden;
}

#contents-area .subcontents .box {
	float:left;
	padding:0 15px;
	text-align:center;
	height:250px;
	background:url(../../img/box_subcontents.gif) no-repeat 0 0;
}

#contents-area .subcontents .box .image {
	padding-top:15px;
}

#contents-area .subcontents .box .title {
	margin-top:10px;
	font-weight:bold;
	font-size:1.2em;
}

#contents-area .subcontents .box .title span {
	display:block;
	font-weight:normal;
	color:#4d4d4d;
	font-size:0.9em;
}



/* ========================================================================================================== *
	 Contents-box
 * ========================================================================================================== */

#contents-box {
	padding-bottom:15px;
	background: url(../../img/box_contents_680close.gif) no-repeat 0 100%;
}

#contents-box .title {
	margin-top:2px;
	line-height:30px;
	font-weight:normal;
	text-indent:22px;
	border-top:2px solid #55aa00;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px dotted #ccc;
	background:#f7f7f7 url(../img/icon_arrow_right_b_two.gif) no-repeat 1% 50%;
}

#contents-box .inner {
	background:url(../../img/box_contents_680inner.gif) repeat-y 0 0;
}

#contents-box .inner .list-section {
	padding:15px 15px 15px 5px;
	overflow:hidden;
}

#contents-box .inner .list-section .cast-box {
	float:left;
	margin-left:10px;
	width:150px;
	text-align:center;
}

#contents-box .inner .list-section .cast-box .image {
}

#contents-box .inner .list-section .cast-box .name {
	margin-top:5px;
	font-size:0.9em;
}



/* ========================================================================================================== *
	 Company
 * ========================================================================================================== */


#container .doc {
	margin:0 auto;
	padding-top:10px;
	width:900px;
	}

#container .doc h3 {
	font-size:14px;
	font-weight:bold;
	line-height:50px;
	text-align:left;
	background:url(../img/bg_h3_900.gif) no-repeat;
}

#container .doc .sysArea {
	}

#container .doc .sysArea h3 {
	padding:0 0 0 15px;
	/*color:#f79921;*/
	}

#container .doc .itemArea h3 {
	padding:0 0 0 15px;
	/*color:#f79921;*/
	}

#container .doc .sysArea .system {
	margin:10px auto 0;
	width:880px;
	}

#container .doc .itemArea .item {
	margin:10px auto 0;
	width:880px;
	}

#container .doc .sysArea .outer {
	border:2px solid #f2f2f2;
	}

#container .doc .sysArea .inner {
	border:1px solid #ccc;
	}

#container .doc .sysArea .menu {
	float:left;
	width:180px;
	text-align:left;
	border:2px solid #f2f2f2;
	}

#container .doc .sysArea .document {
	float:right;
	width:680px;
	text-align:left;
	background-color:#fff;
	}

#container .doc .sysArea .menu ul {
	border-top:2px solid #4d4d4d;
	}

#container .doc .sysArea .menu li {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	line-height:30px;
	text-indent:24px;
	background:#f7f7f7 url(../img/icon_arrow_right_b.gif) no-repeat 5% 50%;
	}

#container .doc .sysArea .menu li.last {
	border-bottom:none;
	}

#container .doc .sysArea .menu li a {
	display:block;
	width:177px; height:30px;
	text-decoration:none;
	}

#container .doc .sysArea .menu li a:link ,
#container .doc .sysArea .menu li a:visited {color:#444;}
#container .doc .sysArea .menu li a:hover {color:#55aa00; background:#fcfcfc url(../img/icon_arrow_right_o.gif) no-repeat 5% 50%;}

#container .doc .sysArea .document h4 {
	line-height:30px;
	font-weight:normal;
	text-indent:22px;
	border-top:2px solid #55aa00;
	border-bottom:1px dotted #ccc;
	background:#f7f7f7 url(../img/icon_arrow_right_b_two.gif) no-repeat 1% 50%;
	}

#container .doc .sysArea .document p.word {
	margin-top:8px;
	padding-left:7px;
	font-size:0.9em;
	}

#container .doc .sysArea .document .mokuteki {
	margin:10px 0 0 10px;
	padding:10px;
	height:300px;
	background:url(../../common/img/bg_mokuteki.gif) no-repeat;
	}

#container .doc .sysArea .document .mokuteki .img {float:left;}

#container .doc .sysArea .document .mokuteki ul {
	float:right;
	width:650px;
	padding-top:20px;
	}

#container .doc .sysArea .document .mokuteki ul li {
	font-size:1.1em;
	padding:10px 0 5px 40px;
	}

#container .doc .sysArea .document .mokuteki ul span {
	margin-left:16px;
	padding:0 20px;
	font-size:1.1em;
	font-weight:bold;
	background:url(../../img/icon_rosette.gif) no-repeat 0 50%;
	}

#container .doc .sysArea .document .concept {
	padding:10px;
	}

#container .doc .sysArea .document .concept p {
	font-size:1.3em;
	font-weight:bold;
	padding:9px 5px;
	color:#55aa00;
	}

#container .doc .sysArea .document .concept span {
	font-size:1.0em;
	padding:9px 5px;
	}

#container .doc .sysArea .document .about {
	margin-top:10px;
	padding:0 10px 10px;
	background-color:#fff;
	}

#container .doc .sysArea .document .about table {
	width:100%;
	}

#container .doc .sysArea .document .about table th {
	width:15%;
	font-size:0.9em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background:url(../img/bg_slantedline.gif);
	}

#container .doc .sysArea .document .about table td {
	padding-left: 10px;
	text-align:left;
	line-height:30px;
	border:1px solid #fff;
	background-color:#f7f7f7;
	}

#container .doc .sysArea .document .about table td.space {
	padding:0;
	background-color:#fff;
	height:1px;
	}

#container .doc .sysArea .document .about li {
	margin-left:16px;
	padding:5px 16px;
	font-size:1.2em;
	font-weight:bold;
	background:url(../../img/icon_rosette.gif) no-repeat 0 50%;
	}



/* ========================================================================================================== *
	 item
 * ========================================================================================================== */

#side-area .itemmenu .inner {
	border:1px solid #ccc;
	}

#side-area .itemmenu {
	width:180px;
	text-align:left;
	border:2px solid #f2f2f2;
}

#side-area .itemmenu ul {
	border-top:2px solid #4d4d4d;
}

#side-area .itemmenu ul li {
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	line-height:30px;
	text-indent:24px;
	background:#f7f7f7 url(../img/icon_arrow_right_b.gif) no-repeat 5% 50%;
}

#side-area .itemmenu ul li.last {
	border-bottom:none;
	}

#side-area .itemmenu ul li a {
	display:block;
	width:178px; height:30px;
	text-decoration:none;
}

#side-area .itemmenu ul li a:link ,
#side-area .itemmenu ul li a:visited {color:#333;}
#side-area .itemmenu ul li a:hover {color:#55aa00; background:#f2f2f2 url(../../img/icon_arrow_right_o.gif) no-repeat 0 50%;}


.item-area {
	padding:10px;
	text-align:left;
}

.item-area h2 ,
.item-area h3 {
	color:#e50615;
	line-height:40px;
	font-size:1.2em;
	font-weight:bold;
	text-indent:40px;
	background:#febbbc url(../../img/icon_check.png) no-repeat 2% 50%;
}

.item-area .word {
	margin-top:8px;
	padding-left:7px;
	font-size:0.9em;
}

.item-area .about {
	height:460px;
	background:url(../../item/img/item_device.jpg) no-repeat left center;
}

.item-area .about ul {
	padding-top:10px;
}

.item-area .about ul li {
	padding:2px 0;
	margin-left:20px;
	/*color:#ff5b5c;*/
	color:#666;
	line-height:20px;
	text-indent:20px;
	font-size:1.2em;
	font-weight:bold;
	background:url(../../img/icon_bullet_red.gif) no-repeat left center;
}

.item-area .about p {
	margin-top:8px;
}

.item-area .other {
	height:360px;
	background:url(../../item/img/item_other.jpg) no-repeat left center;
}

.item-area .other ul {
	padding-top:10px;
}

.item-area .other ul li {
	padding:2px 0;
	margin-left:20px;
	/*color:#ff5b5c;*/
	color:#666;
	line-height:20px;
	text-indent:20px;
	font-size:1.2em;
	font-weight:bold;
	background:url(../../img/icon_bullet_orange.gif) no-repeat left center;
}

.item-area .other p {
	margin-top:8px;
}

.item-area  #detail-case {
	padding:10px 0;
	overflow:hidden;
}

.item-area .left-case {
	float:left;
	width:304px;
	text-align:center;
}

.item-area .left-case .image {
	margin-top:10px;
	border:2px solid #dfd19f;
}

.item-area .right-case {
	float:right;
	margin-left:6px;
	width:330px;
}

.item-area .right-case table {
	margin-top:10px;
}

.item-area .right-case table th {
	width:20%;
	padding:5px;
	font-size:0.9em;
	text-align:center;
	line-height:22px;
	border-bottom:1px solid #333;
	background-color:#fff;
	color:#666;
}

.item-area .right-case table td {
	width:80%;
	padding:5px;
	text-align:left;
	font-size:0.8em;
	line-height:22px;
	border-bottom:1px solid #333;
	background-color:#fff;
}

.item-area .right-case table td p {
	font-size:0.9em;
	line-height:18px;
}

.item-area .price table ,
.item-area .price2 table ,
.item-area .option table {width:100%;}

.item-area .price table th {
	width:12.5%;
	font-size:0.9em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#333;
	color:#fff;
}

.item-area .price table td {
	width:12.5%;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#e7e7e7;
}

.item-area .price2 table th {
	font-size:0.9em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#333;
	color:#fff;
}

.item-area .price2 table td {
	padding:0 6px;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#e7e7e7;
}

.item-area .price span ,
.item-area .price2 table ,
.item-area .option span {
	font-size:1.2em;
	font-weight:bold;
}

.item-area .base .play {
	padding-left:5px;
	height:30px;
}

.item-area .base .play li {
	float:left;
	padding-right:40px;
	line-height:30px;
	background:url(../../img/bg_play.gif) no-repeat right center;
}

.item-area .base .play li.last {background:none;}

.item-area .option table th {
	width:25%;
	font-size:0.9em;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#333;
	color:#fff;
}

.item-area .option table td {
	width:75%;
	text-align:center;
	line-height:30px;
	border:1px solid #fff;
	background-color:#e7e7e7;
}

.item-area .option table td.bgcfff {
	background:none;
}

.item-area .kiyaku {
	padding:10px;
}

.item-area .kiyaku p {
	padding-bottom:6px;
	line-height:1.6em;
}

.item-area .caution p {
	color:#e50615;
	line-height:40px;
	font-size:1.2em;
	font-weight:bold;
	text-indent:35px;
	background:#febbbc url(../../img/icon_error.gif) no-repeat 2% 50%;
}

.item-area .caution ul {
	margin-top:10px;
}

.item-area .caution ul li {
	line-height:24px;
	text-indent:18px;
	background:url(../../img/icon_bullet_red.gif) no-repeat left center;
}

.item-area .plivacy dt {
	color:#e56b21;
	font-weight:bold;
	text-indent:18px;
	background:url(../../img/icon_oval.gif) no-repeat left center;
}

.item-area .care dt {
	margin-left:7px;
	font-weight:bold;
	text-indent:18px;
	background:url(../../img/icon_oval_gray.gif) no-repeat left center;
}

.item-area .plivacy dd ,
.item-area .care dd {
	padding:5px 10px 20px 18px;
}

.item-area .plivacy dd span.indent ,
.item-area .care dd span.indent {
    display:block;
    text-indent:-1em;
    margin-left:1em;
}

.red {
	color:#e50615;
	line-height:40px;
	font-size:1.2em;
	font-weight:bold;
}

.item-area .nova p {
	color:#e50615;
	line-height:40px;
	font-size:1.2em;
	font-weight:bold;
	text-indent:35px;
	background:#febbbc url(../../img/icon_error.gif) no-repeat 2% 50%;
}

.item-area .nova ul {
	margin-top:10px;
}

.item-area .nova ul li {
	font-size:0.9em;
	line-height:20px;
	text-indent:15px;
}



/* ========================================================================================================== *
	 Privacy
 * ========================================================================================================== */

#container .doc .priArea {
	}

#container .doc .priArea h3 {
	padding:0 0 0 15px;
	/*color:#f79921;*/
	}

#container .doc .priArea .policy {
	margin:10px auto 0;
	width:880px;
	background-color:#fff;
	}

#container .doc .priArea .policy h4 {
	font-size:1.3em;
	font-weight:bold;
	padding:5px 0 0 5px;
	}

#container .doc .priArea .policy ul {
	padding: 20px;
	float:left;
	}

#container .doc .priArea .policy ul li {
	font-size:1.3em;
	font-weight:bold;
	padding:9px 0;
	color:#55aa00;
	text-indent:18px;
	background:url(../img/icon_oval_black.gif) no-repeat left center;
	}

#container .doc .priArea .policy span {
	line-height:24px;
	font-size:1.1em;
	}

#container .doc .priArea .policy dt {
	color:#55aa00;
	font-weight:bold;
	font-size:1.1em;
	text-indent:18px;
	}

#container .doc .priArea .policy dd {
	padding:5px 10px 20px 30px;
	}

#container .doc .priArea .policy dd span.indent {
	display:block;
	text-indent:-1em;
	margin-left:1em;
	}