@charset "utf-8";

/* ---------- Reset ---------- */
html, body, div, h1, h2, h3, h4, h5, h6,p, blockquote, pre, 
address, ul, ol, li, dl, dt, dd,table, th, td, form, fieldset, .input_text, .message {
	margin: 0;
	padding: 0;
	font-family:
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"Hiragino Kaku Gothic Pro W3",
	"メイリオ",
	Meiryo,
	Osaka,
	"ＭＳ Ｐゴシック",
	"MS PGothic",
	sans-serif;
	font-weight:normal;
}

body {
	background-color: #dfdede;
	color: #333000;
	font-size: 14px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
}

ul li, ol li {
	list-style-type: none;
}

#itemMessage ul {
	padding : 0 0 0 20px;
}

#itemMessage li {
	list-style-type: disc;
}

a {
	text-decoration: none;
}

img {
	border: 0;
}

a:link,
a:visited{
	color: #50adb5;
}

a:hover{
	color: #50adb5;
}

/*----- header -----*/
#header_wrap {
	background-image : url(../image/header_back.gif); 
	background-repeat : repeat-x;
}

#headerline {
	background-color: #333333;
	height : 30px;
}

h1 {
	padding : 6px 10px;
	color : #ffffff;
	font-size : 12px;
}

#header {
	width : 1000px;
	margin : 0 auto;
	overflow : hidden;
}

#header_left {
	width : 680px;
	height : 450px;
	float : left;
}

#header_right {
	width : 320px;
	height : 450px;
	float : right;
}

#top_slideshow {
	margin : 20px 50px 15px 50px;
}

#app_icon {
	width : 100px; 
	height : 140px;
	float : left;
}

#app_icon img{
	margin : 40px 0;
}

#app_name {
	font-size : 22px;
	width : 320px; 
	height : 140px;
	float : left;
}

#app_name p {
	margin : 60px 0;
}

#app_info {
	float : right;
	width : 260px;
	height : 140px;
}

#app_info ul {
	margin : 45px 0;
}

#app_summary {
	width : 680px;
	height : 210px;
	clear: both;
}

#app_link {
	float : left;
	width : 680px;
	height : 100px;
	overflow : hidden;
}

#app_link li{
	float : left;
	margin : 0 20px 0 0;
}

/*----- navi -----*/
#navi_wrap {
	background-color : #ffffff;
	background-image : url(../image/shadow.gif); 
	background-repeat : no-repeat;
	background-position : center top;
}

#navi {
	background-image : url(../image/line.gif); 
	background-repeat : repeat-x;
	background-position : 0 49px;
	width : 1000px;
	height : 50px;
	margin : 0 auto;
	overflow : hidden;
}

#navi ul {
	padding : 22px 0 0 0;
}

#navi li{
	float : left;
}

/*----- main -----*/
#main_wrap {
	background-image : url(../image/main_back.gif); 
	background-repeat : repeat-x;
}

#main {
	background-image : url(../image/main_flame_side.gif); 
	background-repeat : repeat-y;
	width : 1000px;
	min-height: 450px;
	margin : 0 auto;
	overflow : hidden;
}

#formArea {
	float:left;
	margin : 20px 0 20px 20px;
	width : 460px;
	border : 1px solid #b3b4b4;
}

#formMessege {
	float:right;
	margin : 20px 20px 20px 0;
	width : 460px;
}

#messageArea {
	width : 600px;
	margin: 20px auto;
}

#messageArea h2 {
	font-size : 18px;
	padding : 5px 0;
text-align:center;
	border-bottom : 1px solid #b3b4b4;
	margin: 0 0 10px 0;
}

#formMessege h2 { 
	font-size : 18px;
	padding : 5px 0 5px 10px;
	border-left : 10px solid #b3b4b4;
	border-bottom : 1px solid #b3b4b4;
	margin: 0 0 10px 0;
}

#formArea h2 { 
	background : #eeeeee;
	font-size : 18px;
	padding : 5px 0 5px 10px;
	border-bottom : 1px solid #b3b4b4;
	margin: 0 0 10px 0;
}

#formArea label {
	display : block;
	padding : 10px 0;
}

#formArea label span {
	display : block;
	float : left;
	width : 90px;
	text-align : right;
	padding : 9px 10px 0 0;
}

#formArea label p {
	display : inline;
	color:#F00000;
	padding : 0 2px 0 0;
}

#formArea .input_text {
	font-size : 14px;
	padding : 8px 8px;
	width : 200px;
	background : #eeeeee;
	border: 1px double #b3b4b4;
}

#formArea .input_text:hover {
	border: 1px double #4fadb5;
}

#formArea .message {
	font-size : 14px;
	padding : 8px 8px;
	width : 320px;
	height : 150px;
	background : #eeeeee;
	border: 1px double #b3b4b4;
}

#formArea .message:hover {
	border: 1px double #4fadb5;
}

#formArea .button {
	margin:20px 0 10px 337px;
	padding:4px 7px;
	background:#333333;
	color:#ffffff;
	border:0px;
	position: relative;
	width:100px;
}

#itemArea .button {
	margin:20px 0 10px 450px;
	padding:4px 7px;
	background:#333333;
	color:#ffffff;
	border:0px;
	position: relative;
	width:100px;
}

#messageArea .button {
	margin:50px 0 0 250px;
	padding:4px 7px;
	background:#333333;
	color:#ffffff;
	border:0px;
	position: relative;
	width:100px;
}

#infoArea, #itemArea {
	margin : 20px 0 20px 20px;
	width : 550px;
}

#infoArea tr, #itemTitle {
	background			: url(../image/line.gif);
	background-repeat 	: repeat-x;
	background-position : bottom;
}

#infoArea th {
	width				: 100px;
	text-align			: center;
}

#infoArea td {
	width				: auto;
	padding				: 0px 0px 0px 10px;
	text-align			: left;
}

#itemMessage {
	padding				: 10px 0px 0px 0px;
}

#main_lower {
	background-image : url(../image/line.gif); 
	background-repeat : repeat-x;
	width : 1000px;
	height : 30px;
	margin : 0 auto;
}

/*----- footer -----*/
#footer_wrap {
	background-color: #333333;
}

#footer {
	width : 1000px;
	height : 100px;
	margin : 0 auto;
}

#logo {
	background-image : url(../image/logo.png); 
	background-repeat : no-repeat;
	background-position : 0 15px;
	height : 70px;
}

#copyright {
	height : 30px;
	color: #dfdede;
	text-align:center;
}

.red {
	color:#F00000;
}

/*---------- float ----------*/
.floatL {
	float: left;
}

.floatR {
	float: right;
}

.floatC {
	clear: both;
}