@charset "utf-8";

/* CSS Information =====================
	File name: contents.css;
	Description: layout;
	Editors: Go Shimura(INO);
	Last Editor: Go Shimura(INO);
	Date: 2009.09.30;
======================================*/

/*  --primary-contents--  */
div.section_lv2 h3 {
	margin-bottom: 15px;
}

div.section_lv2 p.txt {
	margin-right: 266px;
}

div.section_lv2 .photoframe {
	float: right;
	margin-bottom: 10px;
}

div.section_lv3 {
	clear: both;
	margin-top: 20px;
}

div.section_lv3 h3 {
	padding-bottom: 5px;
	font-size: 150%;
	font-weight: bold;
	color: #46B4C7;
	background: url(../../shared/img/line_hDotted02.gif) repeat-x left bottom;
}

div#lnav {
	clear: both;
}

div#lnav ul {
	zoom: 1;
}

div#lnav ul li {
	width: auto;
	float: right;
}

div#lnav ul li a {
	width: auto;
	margin-left: 10px;
	padding: 3px 6px 3px 21px;
	background: url(../../shared/img/ico_rightArrow.gif) no-repeat 6px 50%;
	border: solid 1px #B5B5B5;
	display: block;
}

div#lnav ul li a:hover {
	background-color: #735E46;
	color: #FFF;
	text-decoration: none;
}

div#self-best {
	margin-top: 25px;
	background: url(../img/bg_self-best_middle.gif) repeat-y left top;
}

div#self-best_inner_first {
	padding-top: 16px;
	background: url(../img/bg_self-best_top.gif) no-repeat left top;
}

div#self-best_inner_second {
	padding: 0 15px 17px;
	background: url(../img/bg_self-best_bottom.gif) no-repeat left bottom;
}

div#self-best div#lead {
	float: left;
}

div#self-best p.txt {
	margin-left: 125px;
	width: 290px;
	margin-right: 140px;
}

div.section_lv4 {
	margin-top: 30px;
	background: #FDFBF5;
	border: solid 1px #C5BFB8;
	clear: both;
}

div.section_lv4 h4 {
	padding: 10px 16px;
	font-size: 116.7%;
	font-weight: bold;
	background: url(../../shared/img/bg_pattern05.gif);
}

div.section_lv4 div.photoframe {
	padding: 10px 16px;
}

div.section_lv4 div.txt {
	padding: 10px 16px;
}

div.section_lv4 div.txt ul li {
	margin-left: 1.4em;
	text-indent: -1.4em;
}

/* =body.i-cot
----------------------------------*/
body.i-cot div#lnav ul li a {
	width: auto;
	padding: 3px 6px 3px 21px;
	background: url(../../shared/img/ico_rightArrow.gif) no-repeat 6px 50%;
	border: solid 1px #B5B5B5;
	float: right;
	display: block;
}

body.i-cot div#lnav ul li a:hover {
	background-color: #735E46;
	color: #FFF;
	text-decoration: none;
}

body.i-cot div.section_lv2 .photoframe {
	float: none;
}

body.i-cot div.section_lv3 p {
	margin-top: 10px;
}

body.i-cot div#i-cot {
	padding-bottom: 25px;
	background: #F3FAFC;
	border: solid 1px #46B4C7;
}


body.i-cot div#i-cot h2 {
	background: #46B4C7;
	color: #FFF;
	font-size: 150%;
	border: none;
}

body.i-cot div#i-cot h2 span{
	border-left: solid 4px #FFF;
}

body.i-cot div#i-cot div.body {
	margin-top: 20px;
	padding: 0 25px;
}


body.i-cot div#i-cot div.photoframe {
	float: left;
}

body.i-cot div#i-cot div.photoframe.fRight {
	float: right;
}

body.i-cot div#i-cot div#use {
	clear: both;
	background: url(../../shared/img/bg_pattern06.gif);
	padding: 6px 6px 0;
}

body.i-cot div#i-cot div#use h3 {
	margin-bottom: 0;
	color: #FFF;
	background: url(../../shared/img/icn_square.gif) no-repeat left center;
	margin-bottom: 6px;
	padding-bottom: 0;
	padding-left: 23px;
}

body.i-cot div#i-cot div#use div.useBox {
	clear: both;
	background: #FFF;
	margin-bottom: 6px;
	border-top: solid 10px #FFF;
	border-bottom: solid 10px #FFF;
}

body.i-cot div#i-cot div#use div.useBox p.photo {
	float: left;
	margin-top: -4px;
	margin-bottom: 0;
	margin-left: 4px;
	display: inline;
	zoom: 1;
	position: relative;
}

body.i-cot div#i-cot div#use div.useBox p.photo img {
	border: none;
}

body.i-cot div#i-cot div#use div.useBox div.txt {
	width: 370px;
	float: left;
	background: url(../../shared/img/line_comment.gif) no-repeat 10px 0;
	padding-top: 4px;
	padding-left: 32px;
}

body.i-cot div#i-cot div#use div.useBox div.txt dl dt {
	font-weight: bold;
	margin-bottom: 10px;
}

body.i-cot div#i-cot div#use div.useBox div.txt dl dd.name {
	margin-top: 20px;
	text-align: right;
	font-weight: bold;
}

body.i-cot p.sub_nav {
	right: 155px;
}

/* =body.shidou
----------------------------------*/
body.shidou div.section_lv2 .fig {
	margin-top: 20px;
	clear: both;
}

body.shidou div.section_lv2 div#overlay {
	position: relative;
	zoom: 1;
}

body.shidou div.section_lv2 div#overlay div#overlayLink-1 {
	position: absolute;
	zoom: 1;
	right: 17px;
	top: 20px;
}

body.shidou div.section_lv2 div#overlay div#overlayLink-2 {
	position: absolute;
	zoom: 1;
	right: 60px;
	top: 319px;
}

/* =body.support
----------------------------------*/
body.support div.section_lv3 {
	margin-top: 15px;
}

body.support div.section_lv3 p {
	margin-top: 10px;
}

body.support div.section_lv3 .floatN {
	float: none;
}

body.support div.section_lv4 div.photoframe_wrapper {
	padding: 0 16px;
	margin-bottom: 20px;
}


body.support div.section_lv4 div.photoframe_wrapper div.photoframe {
	padding: 0;
	float: left;
}

body.support div.section_lv4 div.photoframe_wrapper div.photoframe.fRight {
	float: right;
}

body.support div#support {
	padding-bottom: 16px;
}

body.support div#support div.supportBox {
	clear: both;
	margin: 12px 16px 0;
}

body.support div#support div.supportBox p.photo {
	float: left;
	padding: 0;
	margin: 0;
	display: inline;
}

body.support div#support div.supportBox p.photo img {
	border: none;
}

body.support div#support div.supportBox div.txt {
	width: 350px;
	float: left;
	background: url(../../shared/img/line_comment.gif) no-repeat 10px 0;
	padding: 0 0 0 32px;
}

body.support div#support div.supportBox div.txt dl dt {
	font-weight: bold;
}

body.support div.section_lv2 div#overlay {
	position: relative;
	zoom: 1;
}

body.support div.section_lv2 div#overlay div#overlayLink-1 {
	position: absolute;
	zoom: 1;
	right: 15px;
	top: 16px;
}

/* =body.cats
----------------------------------*/
body.cats div#about {
	padding: 0 18px;
	border: solid 1px #735e46;
	background: #fcfbf6;
}

body.cats div.section_lv3 h3 {
	padding-bottom: 0;
	font-size: 100%;
	background: none;
}

body.cats div.section_lv4 {
	border: none;
	background: none;
}

body.cats div.section_lv4 h4 {
	padding-bottom: 8px;
	padding-left: 0;
	font-size: 150%;
	font-weight: bold;
	color: #46B4C7;
	background: url(../../shared/img/line_hDotted02.gif) repeat-x left bottom;
}

body.cats div#feature {
	
}

body.cats div#feature div.featureBox {
	margin-top: 15px;
	clear: both;
}

body.cats div#feature div.featureBox div.photo {
	width: 53px;
	float: left;
	margin-right: 10px;
}

body.cats div#feature div.featureBox div.txt {
	width: 400px;
	padding-left: 28px;
	float: left;
	background: #FFF url(../img/line_cats_feature.gif) no-repeat left top;
}

body.cats div#flow {
	
}

body.cats div#flow div.flowBox_wrapper {
	margin-top: 15px;
	background: url(../img/bg_cats_flow.gif) no-repeat 250px 86px;
	zoom: 1;
}

body.cats div#flow div.flowBox {
	width: 233px;
	float: left;
	margin-bottom: 15px;
}

body.cats div#flow div.flowBox.right {
	float: right;
}


body.cats div#flow div.flowBox.no1 {
	background: url(../img/bg_cats_flowBox1.gif) no-repeat left bottom;
}

body.cats div#flow div.flowBox.no2 {
	background: url(../img/bg_cats_flowBox2.gif) no-repeat left bottom;
}

body.cats div#flow div.flowBox.no3 {
	background: url(../img/bg_cats_flowBox3.gif) no-repeat left bottom;
}

body.cats div#flow div.flowBox.no4 {
	background: url(../img/bg_cats_flowBox4.gif) no-repeat left bottom;
}

body.cats div#flow div.flowBox.no5 {
	background: url(../img/bg_cats_flowBox5.gif) no-repeat left bottom;
}

body.cats div#flow div.flowBox.no6 {
	background: url(../img/bg_cats_flowBox6.gif) no-repeat left bottom;
}

body.cats div#possible {
	position: relative;
	zoom: 1;
}

body.cats div#possible p#possibleBox1 {
	position: absolute;
	width: 155px;
	left: 433px;
	top: 113px;
	zoom: 1;
}

body.cats div#possible p#possibleBox2 {
	position: absolute;
	width: 212px;
	left: 29px;
	top: 602px;
	zoom: 1;
}

body.cats div#possible p#possibleBox3 {
	position: absolute;
	width: 212px;
	left: 371px;
	top: 602px;
	zoom: 1;
}

body.cats div#textList {
	margin-top: 25px;
	border: solid 1px #735e46;
}

body.cats div#textList div.textBox {
	clear: both;
	margin: 1px 1px 2px;
	padding: 14px 12px 12px;
	background: url(../img/line_cats_text.gif) no-repeat center top;
}

body.cats div#textList div.textBox.firstchild {
	padding-top: 12px;
	background: none;
}

body.cats div#textList div.textBox.no1 {
	background-color: #fcfbf6;
}

body.cats div#textList div.textBox.no2 {
	background-color: #f1f2f9;
}

body.cats div#textList div.textBox.no3 {
	background-color: #fef4f6;
}

body.cats div#textList div.textBox div.txt {
	width: 220px;
	float: left;
}

body.cats div#textList div.textBox div.txt dl dt {
	width: 30px;
	float: left;
	margin-right: 8px;
}

body.cats div#textList div.textBox div.txt dl dd {
	width: 180px;
	float: left;
}

body.cats div#textList div.textBox div.photo {
	width: 352px;
	float: right;
}

body.cats div#primary-contents p.sub_nav {
	right: 152px;
}