@charset "euc-jp";

/* =====================================================================
	global
====================================================================== */

* {
	margin : 0;
	padding : 0;
	border : none;
	background : transparent;
	font : normal normal 100% Arial,Helvetica,sans-serif;
}
body {
	background : url(../images/bg.jpg) repeat-x 0 0 #79bcce;
	color : #333333;
	font-size : 62.5%;
	text-align : center;
}

/* =====================================================================
	definition
====================================================================== */

div#shell,
div#footer {
	background : #FFFFFF;
	margin : 0 auto;
	width : 800px;
	font-size : 1.5em;
	text-align : left;
}

/* ___________________________________________________________ anchor */

a {
	text-decoration : none;
}
a:link {
	color : #007dff;
}
a:visited {
	color : #007dff;
}
a:hover {
	color : #00a2ff;
	text-decoration : underline;
}
a:active {
	color : #007dff;
}

/* ___________________________________________________________ image */

img {
	vertical-align : bottom;
}
.thumbnail,
.thumbs_center {
	text-align : center;
}
.thumbs_right {
	float : right;
	margin-left : 10px;
}
.thumbs_left {
	float : left;
	margin-right : 10px;
}


/* =====================================================================
	shell
====================================================================== */

p {
	margin-bottom : 20px;
	line-height : 1.6em;
}

hr {
	clear : both;
	visibility : hidden;
}
div#shell hr {
	display : block;
	margin : -15px 0 0 0;
	height : 0px;
}
h1,
p.recommend,
p.catch,
p.cart02,
p.accent,
p.fisherman {
	overflow : hidden;
	text-indent : -5000px;
}
h1 {
	display : block;
	background : url(../images/credit.jpg) no-repeat 0 0;
	margin-bottom : 20px;
	width : 800px;
	height : 368px;
}
h1 a {
	display : block;
	width : 100%;
	height : 100%;
}
div.recommend {
	margin-top : 20px;
	background : url(../images/recommend.jpg) no-repeat 0 0;
	height : 210px;
}
div.recommend h2,li{
	display : none;
	text-indent : -5000px;
}
div.voice_wrap {
	margin : 0 20px;
	padding : 0;
	width : 760px;
}
div.voice_left {
	float : left;
	margin : 0;
	padding : 0;
	width : 80px;
}
div.voice_right {
	float : right;
	margin : 0;
	padding : 0;
	width : 665px;
}
div.voice_wrap h2.voice {
	margin : 15px 0;
	background : url(../images/voice.jpg) no-repeat 0 0 #fff;
	height : 46px;
}

div#shell h2.voice0 {
	margin : 15px 0 10px 20px;
	background : url(../images/voice0.jpg) no-repeat 0 0 #fff;
	height : 46px;
}

div.voice_wrap hr {
	clear : both;
	visibility : visible;
	margin : 20px 0 !important;
	padding : 1px;
	height : 0;
	background-color : #ccc;
}


div.part {
	background : url(../images/part.jpg) no-repeat left bottom #fff;
	margin-bottom : 30px;
	width : 760px;
	height : 333px;
}
div.part h3 {
	display : block;
	overflow : hidden;
	text-indent : -5000px;
	border-bottom : none !important;
}
dl.part dt {
	display : block;
	overflow : hidden;
	text-indent : -5000px;
	background-color : transparent;
	border-bottom : none !important;
}
dl.part dd {
	display : block;
	overflow : hidden;
	text-indent : -5000px;
	border-bottom : none !important;
}

div#story {
	margin : 0 20px;
	padding : 0;
	width : 760px;
}
div#story h2 {
	margin : 15px 0;
	background : url(../images/voice2.jpg) no-repeat 0 0 #fff;
	height : 46px;
}

div#story p {
	margin-bottom : 15px;
	line-height : 1.6em;
}
div#quality {
	margin : 0 15px;
	padding : 0;
	width : 760px;
}
div#quality h2 {
	margin : 10px 0;
	background : url(../images/quality.jpg) no-repeat 0 0;
	height : 45px;
}
div#quality p {
	margin-bottom : 15px;
	padding : 0;
}

div.flow {
	margin-top : 40px;
	background : url(../images/flow.jpg) no-repeat 0 0;
	height : 224px;
}
div.flow p,h2 {
	overflow : hidden;
	text-indent : -5000px;
} 

div.transactions {
	margin :20px 20px;
}

div.transactions h2 {
	margin : 15px 0;
	background : url(../images/voice3.jpg) no-repeat 0 0 #fff;
	height : 46px;
}


/* ___________________________________________________________ dl */

dl {
	margin : 10px 0 10px 0;
}
dl dt {
	margin : 10px 0 10px 0;
	padding : 4px;
	background : #eff5f8;
	border-bottom : 1px solid #2196d5;
	color : #333333;
	text-indent : 5px;
}
dl dd {
	margin : 10px;
	line-height : 1.3;
	text-indent : 5px;
}


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

div#footer {
	padding : 20px 0 20px 0;
	background : #eff5f8;
	text-align : center;
	font-size : 80%;
div#footer address {
	margin : 10px 0;
	padding : 0;
	background : #eff5f8;
	text-align : center;
	height : 30px;
}

/* =================================================================== Coding by THR,INC. */