/*
 * Feb 2010 Kaikaya stylesheet
 * main styale sheet
 * Auther Ryo Inomata 
 */


/* ====================================================
 common
 ====================================================== */

* {
	margin:0;
	padding:0;
	font-style: normal;
	font-family: sans-serif;
}


body
{
	margin: 0;
	text-align: center;
}

a
{
	text-decoration: none;
	border-width: 0px;
}

img
{
	border-width: 0px;
}

#caseWrap
{
	width: 950px;
	margin: 0px auto;
	text-align: left;
}


/* ====================================================
 index
 ====================================================== */

#indexBody
{
	background-color: black;
	background-image: url(/img/indexStore.jpg);
	background-repeat: no-repeat;
}

#indexEnter
{
	border-width: 0px;
	margin: 10%;
	position: absolute;
	right: 0px;
}

#indexEnter a:hover
{
	position: relative;
	right: -2px;
	bottom: -2px; 
}


/* ====================================================
 top
 ====================================================== */

#logo
{
	float: left;
	margin-right: 5px;
}

ul.navi
{
	margin: 0px;
}

ul.navi li
{
	float: left;
	margin-left: 11px;
	margin-top: 40px;
	list-style-type: none;
}

#bodyCase
{
	clear: both;
	padding-top: 20px;
/* 	background-color: aqua; */
}

#menu
{
	width: 225px;
	margin-right: 20px;
	text-align: right;
	font-size: medium;
}

#menu li
{
	margin-bottom: 30px;
	padding-right: 10px;
	list-style-type: none;
	border-style: solid;
	border-width: 0px 5px 0px 0px;
	border-color: #dd6655;
}

#menu a
{
	color: #dd6655;
}

.menuDiscription
{
	color: #666666;
	font-size: small;
}

#topMainCase
{
	width: 705px;
	float: right;
	color: #333333;
	font-size: small;
	line-height: 170%;
}

#upCase
{
	margin-bottom: 30px;
}

#downCase
{
	border-top: dotted 3px #cccccc;
	padding-top: 30px;
}

#downRight
{
	float: right;
	width: 420px;
}

#downLeft
{
	width: 240px;
	font-size: x-small;
	line-height: 140%;
}


/* ====================================================
 menu
 ====================================================== */

#menuPageTitle
{
	color: #dd7700;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #dd7700;
	margin-bottom: 20px;
}

#selectLang
{
	color: #dd7700;
	width: 950px;
	text-align: right;
	margin-bottom: 20px;
}

.menuCategory
{
	clear: both;
	width: 950px;
	color: red;
	font-size: large;
	border-bottom: 1px dotted red;
	padding-top: 30px;
	margin-bottom: 20px;
}

.menuLeftCase{
	width: 310px;
	margin-right: 20px;
}

.menuCenterCase
{
	width: 300px;
	float: right;
	margin-right: 20px;
}

.menuRightCase
{
	width: 300px;
	float: right;
}

.menuComment
{
	color: #dd6655;
	font-size: medium;
	
}

.menuTitle
{
	width: 100%;
	background-color: #ff9922;
	border-bottom: solid #bb5500 2px;
	padding: 5px;
	color: white;
	font-size: small;
}

.menuSubTitle
{
	margin-top: 20px;
	color: #333333;
}

.menuList
{
	list-style-type: none;
	font-size: small;
	color: #666666;
	margin-bottom: 20px;
}

.menuList dt
{
	margin-top: 10px;
}

.menuDetailed
{
	font-size: x-small;
	color: #7c5414;
	border-top: dotted 1px #cc3366;
}

#menuMiddleCase
{
	clear: both;
}


#menuDownCase
{
	clear: both;
}


/* ====================================================
 map
 ====================================================== */
#mapPageTitle
{
	color: #dd7700;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #dd7700;
	margin-bottom: 20px;
}

#mapLeft
{
	width: 47%;
	text-align: center;
	font-size: small;
}

#mapRight
{
	width: 47%;
	text-align: center;
	float: right;
	font-size: small;
}

#mapLeft li, #mapRight li
{
/* 	text-align: left; */
	margin-top: 10px;
	list-style-type: none;
}

#mapLeft img, #mapRight img
{
	margin-bottom: 20px;
}

/* ====================================================
 shop
 ====================================================== */
#shopPageTitle
{
	color: #ee0077;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #ee0077;
	margin-bottom: 20px;
}

#shopUpLeftCase
{
	width: 265px;
	float: left;
	padding-right: 10px;
	color: #666666;
	font-size: 10pt;
	line-height: 13pt;
}

#shopUpMiddleCase
{
	width: 400px;
	float: left;
}

#shopUpRightCase
{
	width: 265px;
	float: left;
	padding-left: 10px;
	color: #666666;
	font-size: 10pt;
	line-height: 13pt;
	margin-bottom: 20px;
}

#shopMiddleCase
{
	width: 950px;
	color: #666666;
	font-size: 10pt;
	clear: left;
	margin-bottom: 40px;
}


/* ====================================================
 sea
 ====================================================== */
#seaPageTitle
{
	color: #667799;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #667799;
	margin-bottom: 20px;
}

#seaMainCase
{
	width: 650px;
	text-align: center;
	color: #ee2222;
}

#seaMainCaseMiddle img
{
	margin: 10px 0px;
}

#seaMainCaseDown img
{
	margin-top: 10px;
}

#seaRightCase
{
	float: right;
	color: #667799;
	width: 290px;
}

#seaSecondBlock
{
	font-size: small;
	margin: 10px 0px;
	line-height: 120%;
}

#seaTherdBlock
{
	font-size: large;
	line-height: 130%;
}



/* ====================================================
 news
 ====================================================== */
#newsPageTitle
{
	color: #77AA11;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #77AA11;
	margin-bottom: 20px;
}

#newsMainCase
{
	width: 440px;
}

#newsMainCaseUp
{
	margin-bottom: 5px;
}

#newsRightCase
{
	float: right;
	width: 500px;
	text-align: center;
}

/* ************************************************
 dom(twitter)
 ************************************************ */

.newsTwitterCase
{
	position: relative;
	font-size: small;
	text-align: left;
	margin-bottom: 20px;
	width: 500px;
}

.newsIcon
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.newsTwitterHeader
{
	position: relative;
	font-weight: bolder;
	border-radius: 13px 13px 0px 0px;
	-webkit-border-radius: 13px 13px 0px 0px;
	-moz-border-radius: 13px 13px 0px 0px;
	border: 1px solid #77AA11;
	background-color: #77AA11;
	margin-right: 18px;
	width: 410px;
}
.twitterHeaderTxt
{
	position: relative;
	margin-left: 10px;
	color: white;
}
.newsTwitterHeader a
{
	color: #ffffff;
}

.newsTwitterBody
{
	position: relative;
	width: 430px;
}

.newsTwitterBody img
{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.newsTwitterBottom
{
	position: relative;
	border-radius: 0px 0px 13px 13px;
	-webkit-border-radius: 0px 0px 13px 13px;
	-moz-border-radius: 0px 0px 13px 13px;
	border: 1px solid #77AA11;
	margin-right: 18px;
	width: 410px;
}

.newsTwitterText
{
	padding: 10px;
}



/* ************************************************
 dom(staff)
 ************************************************ */

.newsstaffCase
{
	position: relative;
	font-size: small;
	text-align: left;
	margin-bottom: 20px;
	width: 500px;
}

.newsIcon
{
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.newsstaffHeader
{
	position: relative;
	font-weight: bolder;
	border-radius: 13px 13px 0px 0px;
	-webkit-border-radius: 13px 13px 0px 0px;
	-moz-border-radius: 13px 13px 0px 0px;
	border: 1px solid #77AA11;
	background-color: #77AA11;
	margin-right: 18px;
	width: 410px;
}
.staffHeaderTxt
{
	position: relative;
	margin-left: 10px;
	color: white;
}

.newsstaffHeader a
{
	color: #BBCC88;
}

.newsstaffBody
{
	position: relative;
	width: 430px;
}

.newsstaffBody img
{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.newsstaffBottom
{
	position: relative;
	border-radius: 0px 0px 13px 13px;
	-webkit-border-radius: 0px 0px 13px 13px;
	-moz-border-radius: 0px 0px 13px 13px;
	border: 1px solid #77AA11;
	margin-right: 18px;
	width: 410px;
}

.newsstaffText
{
	padding: 10px;
}



/* ====================================================
 BBS
 ====================================================== */

#bbsPageTitle
{
	color: #ddccdd;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #ddccdd;
	margin-bottom: 20px;

}

#bbsTopCase
{
	text-align: center;
	text-align: center;
}

#bbsMeta
{
	margin: 20px auto;
	
}

.bbsCase
{
	width: 750px;
	margin: 0px 100px;
	color: #333333;
}
.bbsTitle
{
	background-color: #ccbbcc;
	color: #ffffff;
	padding: 10px;
}
.bbsName
{
	border-bottom: 1px solid #ccbbcc;
	padding: 5px;
}
.bbsMail
{
	border-width: 0px 0px 1px 1px;
	border-color: #ccbbcc;
	border-left-style: solid;
	padding: 5px;
	float: right;
}

.bbsUrl
{
	border-width: 0px 0px 1px 1px;
	border-color: #ccbbcc;
	border-left-style: solid;
	padding: 5px;
	float: right;
}
.bbsDate
{
	border-width: 0px 0px 1px 1px;
	border-color: #ccbbcc;
	border-left-style: solid;
	padding: 5px;
	float: right;
}

.bbsBody
{
	margin-top: 10px;
}

/* ====================================================
 season
 ====================================================== */

#seasonPageTitle
{
	color: #118822;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #22bb33;
	margin-bottom: 20px;
}
.seasonCase
{
	clear: both;
	width: 750px;
	margin: 20px 100px;
	color: #333333;
	border-bottom: 1px solid #22bb33;
}

.seasonBodyCase
{
	width: 500px;
}
.seasonTitle
{
	background-color: #aaccaa;
	color: #ffffff;
	padding: 10px;
}
.seasonName
{
	border-bottom: 1px solid #22bb33;
	padding: 5px;
	margin-bottom: 20px;
}
.seasonDate
{
	border-width: 0px 0px 1px 1px;
	border-color: #22bb33;
	border-left-style: solid;
	padding: 5px;
	float: right;

}

.seasonBody
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.seasonPhotoCase
{
	color: gray;
	font-size: small;
	text-align: right;
	float: right;
	margin-bottom: 30px;
}

.seasonPhoto
{
	width: 230px;
}

/* ====================================================
 gallery
 ====================================================== */

#galleryPageTitle
{
	color: #ff6600;
	width: 950px;
	text-align: right;
	font-size: 36px;
	font-weight: bold;
	border-bottom: solid 1px #ff6600;
	margin-bottom: 20px;
}
.galleryCase
{
	clear: both;
	width: 750px;
	margin: 20px 100px;
	color: #333333;
	border-bottom: 1px solid #ff6600;
}

.galleryBodyCase
{
	width: 500px;
}
.galleryTitle
{
	background-color: #ff7733;
	color: #ffffff;
	padding: 10px;
}
.galleryName
{
	border-bottom: 1px solid #ff6600;
	padding: 5px;
	margin-bottom: 20px;
}
.galleryDate
{
	border-width: 0px 0px 1px 1px;
	border-color: #ff6600;
	border-left-style: solid;
	padding: 5px;
	float: right;

}

.galleryBody
{
	margin-top: 10px;
	margin-bottom: 30px;
}

.galleryPhotoCase
{
	color: gray;
	font-size: small;
	text-align: right;
	float: right;
	margin-bottom: 30px;
}

.galleryPhoto
{
	width: 230px;
}

/* ====================================================
 footer
 ====================================================== */

#footer
{
	width: 950px;
	clear: both;
	padding-top: 30px;
}

#copyright
{
	margin: 10px 0px;
	padding: 10px 0px;
	text-align: center;
	border-top: solid 1px #993300;
	color: #999999;
	font-size: small;
}