﻿/*@charset "UTF-8";*/

/*
$Id: round_w.css
*/

a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #333;
	text-decoration: none;
}

.innerMultiColumn {
	float: left;
}

.innerLeftColumn {
	float: left;
}

.innerRightColumn {
	float: right;
	margin: 0;
	padding: 0;
}

.innerBannerList li {
	padding-bottom: 5px;
}

.innerBannerList img {
	display: inline;
}

/*************************************/
/********** header elements **********/
/*************************************/

.header {
	position: relative;
	background-image: url(../images/top_header_bg.gif);
	background-repeat: no-repeat;
	width: 965px;
	height : 60px;
}

/*************** logo ***************/

h1 {
	float: left;
	padding: 0px;
}

/*************** header navi ***************/

.headerNavi {
	position: absolute;
	top: 6px;
	left: 320px;
}

.headerNavi li {
	float: left;
	padding-right: 12px;
	/*border: solid 1px #f00;*//*Foe Debug*/
}

.headerNavi li a {
	display: block;
	background-repeat: no-repeat;
	text-indent:-9999px;
	overflow:visible;
	/* \*/
	overflow:hidden;
	/* */
}

.headerNavi li a.hnavi1 {
	background-image: url(../images/top_hnavi01.gif);
	width: 112px;
	height : 12px;
}

.headerNavi li a.hnavi2 {
	background-image: url(../images/top_hnavi02.gif);
	width: 82px;
	height : 12px;
}

.headerNavi li a.hnavi3 {
	background-image: url(../images/top_hnavi03.gif);
	width: 102px;
	height : 12px;
}

.headerNavi li a.hnavi4 {
	background-image: url(../images/top_hnavi04.gif);
	width: 58px;
	height : 12px;
}

.headerNavi li a.hnavi5 {
	background-image: url(../images/top_hnavi05.gif);
	width: 80px;
	height : 12px;
}


.headerEngBtn {
	position: absolute;
	top: 0px;
	left: 870px;
}



/*******************************************/
/********** topBox Narrow setting **********/
/*******************************************/

.topBoxN {
	float: left;
	background-image: url(../../round/images/box_bg_570c.gif);
	background-repeat: repeat-y;
	width: 570px;
	margin-bottom: 5px;
	border-bottom: solid 1px #ccc;
}

.topLeadN {
	background-image: url(../../round/images/top_title.gif);
	background-repeat: no-repeat;
	height: 90px;
}

.topLeadN p.lead {
	padding: 10px 15px 0px 160px;
	color: #875c1d;
	font-size: 0.8em;
}

/* safari only \*/
html:\66irst-child p.lead {
	line-height: 1.1em;
}




/***********************************************/
/********** special recommend setting **********/
/**********    top box inner banner   **********/
/***********************************************/

.specRecLeft {
	float: left;
	width: 280px;
	padding: 0px 0px 10px 15px;
}

.specRecRight {
	float: right;
	width: 255px;
}

.specIcon {
	margin-bottom: 3px;
}

.spacItem {
	margin-bottom: 3px;
	padding-right: 15px;
	font-size: 0.9em;
	font-weight: bold;
}

.topDesc {
	margin-bottom: 5px;
	padding-right: 15px;
	font-size: 0.8em;
}

.specTextMore {
	padding-right: 15px;
	text-align: right;
	font-size: 0.7em;
	line-height: 1.4em;
}

.specTextMore a:link {
	color: #33c;
	text-decoration: underline;
}

.specTextMore a:visited {
	color: #33c;
	text-decoration: underline;
}

.specTextMore a:hover {
	text-decoration: none;
}

.specTextMore a:active {
	color: #33c;
	text-decoration: none;
}

.specMore {
	margin: 3px 0px 10px 0px;
}

.recomBox {
	clear: both;
	width: 750px;
	margin-bottom: 5px;
	text-align: left;
}

.recomBox a:link {
	color: #33c;
	text-decoration: underline;
}

.recomBox a:visited {
	color: #33c;
	text-decoration: underline;
}

.recomBox a:hover {
	text-decoration: none;
}

.recomBox a:active {
	color: #33c;
	text-decoration: none;
}

.roundRecItem {
	background-color: #e9c69e;
	width: 160px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	color: #333;
	text-align: left;
	font-size: 0.8em;
}

.roundRecImg {
	width: 160px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	border: solid 1px #999;
}

.roundRecDesc {
	width: 160px;
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 0.8em;
}

.roundRecBtn {
	padding: 0 15px 10px 0;
	text-align: right;
}

.roundRecBtn img {
	display: inline;
}


/*********************************/
/********** box setting **********/
/*********************************/

.box {
	clear: both;
	margin-bottom: 10px;
}










.recSubUl {
	width: 720px;
	margin-left: auto;
	margin-right: auto;
}

.recSubList {
	float: left;
	width: 360px;
}

.recSubBlock {
	float: left;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.roundRecSubLeft {
	float: left;
	width: 120px;
}

.roundRecSubLeft img {
	vertical-align: bottom;
	border: solid 1px #999;
}

.roundRecSubRight {
	float: right;
	width: 220px;
}

.planList {
	padding-left: 20px;
	list-style-type: disc;
}

.planList li {
	clear: both;
	padding-bottom: 5px;
	text-align: left;
	font-size: 0.8em;
}




/********** outer right column setting width 200pixels **********/


/******************************************/
/********** keySearchBox setting **********/
/******************************************/

.keySearchBox {
	background-image: url(../../common/images/key_search_bg_w.gif);
	background-repeat: no-repeat;
	width: 200px;
	border-bottom: solid 1px #a89cae;
}

.keySearch {
	padding: 0px 0px 5px 10px;
}

.keySearch input.inputForm {
	width: 120px;
	border: solid 1px #a89cae;
}


/************************************************/
/********** default right box elements **********/
/************************************************/

.defRightBox {
	clear: both;
	width: 200px;
	margin-bottom: 5px;
}


/*****************************************/
/********** areaMapBox elements **********/
/*****************************************/

.areaMapBox {
	clear: both;
	background-image: url(../../see/images/areamap_bg.gif);
	background-repeat: repeat-y;
	width: 200px;
	margin-bottom: 5px;
	text-align: center;
	border-bottom: solid 1px #ccc;
}

.mapFlash {
	width: 190px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 5px;
}


/**********************************************************/
/********** right column what's new box elements **********/
/**********************************************************/

.whatsnewRightBox {
	clear: both;
	background-image: url(../../common/images/box_bg_200.gif);
	background-repeat: repeat-y;
	background-color: #f9f9f6;
	width: 200px;
	margin-bottom: 5px;
	border-bottom: solid 1px #999;
}

/***************************************/
/********** rightBox elements **********/
/***************************************/

.rightBox {
	clear: both;
	background-image: url(../../common/images/box_bg_200c.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
	border-bottom: solid 1px #a89cae;
}

.linkList {
	padding-top: 5px;
}

.linkList li {
	padding: 0px 5px 5px 5px;
	font-size: 0.8em;
}

.linkList a:link {
	color: #333;
	text-decoration: underline;
}

.linkList a:visited {
	color: #333;
	text-decoration: underline;
}

.linkList a:hover {
	text-decoration: none;
}

.linkList a:active {
	color: #333;
	text-decoration: none;
}

.rlist {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px 0px 0px 3px;
	list-style-type: none;
}

.rlist li {
	background-image: url(../../round/images/link_list_icon.gif);
	background-repeat: no-repeat;
	padding-left: 13px;
	font-size: 0.8em;
}

/************************************/
/********** links elements **********/
/************************************/

.linkBox {
	clear: both;
	background-image: url(../../common/images/box_bg_200c.gif);
	background-repeat: repeat-y;
	margin-bottom: 5px;
}

.linksCtg {
	background-color: #d8d4d4;
	margin: 5px;
	padding: 5px;
	font-size: 0.8em;
	font-weight: bold;
}

.linksCtg a:link {
	color: #333;
	text-decoration: underline;
}

.linksCtg a:visited {
	color: #333;
	text-decoration: underline;
}

.linksCtg a:hover {
	text-decoration: none;
}

.linksCtg a:active {
	color: #333;
	text-decoration: none;
}

.linksDesc {
	margin: 5px;
	font-size: 0.8em;
}

.right_round_bottom img {
	vertical-align: bottom;
}


/********** 080708 追加開始 **********/

.headerText {
	position: absolute;
	top: 25px;
	left: 320px;
	width: 540px;
	font-size: 0.8em;
}

.headerText a:link {
	color: #33c;
	text-decoration: underline;
}

.headerText a:visited {
	color: #33c;
	text-decoration: underline;
}

.headerText a:hover {
	text-decoration: none;
}

.headerText a:active {
	color: #33c;
	text-decoration: none;
}

/********** 080708 追加終了 **********/


/********** 080711 追加 **********/

.recSubBlock2 {
	float: left;
	width: 720px;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
}

.roundRecSubRight {
	float: right;
	width: 220px;
}

.roundRecSubRight2 {
	float: right;
	width: 570px;
}

/********** 080711 追加終了 **********/
