@charset "shift_jis";

/*  ----------------------------------------------------  */
/*  共通class */
/*  ----------------------------------------------------  */

* {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body {
width:100%; 
/*
min-width: 860px;
*/
	color:#ccc; 
	font-family: "Osaka", "ＭＳ Ｐゴシック", "MS PGOTHIC", Osaka, Verdana, Helvetica, sans-serif;
	font-size:14px; 


	text-align:center; 
	line-height:150%;
	background-color:#000;
}

html{     height:100%; }
body{     height:100%; } 




textarea,input {
	padding:2px;
}


img {
	border: 0px;
}

ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

li {
	list-style-position: outside;
}

form {
	margin:0;
	padding:0;
}

table{
	border-collapse:collapse;
}
th {
	font-size:14px; 
}
td {
	font-size:14px; 
}
div{
	display:block;
}



a:link , a:visited, 
li a:link ,li a:visited { 
	color:#ccc;
	text-decoration: none;
	
}

a:active ,a:hover, 
li a:active ,li a:hover {
	color: #ccc;
	text-decoration: underline;
}

h2{
	margin-bottom:23px;
}

h3{
	width:574px;
	_width:602px;
	height: 37px;
	background: url(../images/h3_bg01.jpg) no-repeat 0px 0px;
	margin:0 0 15px 9px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:14px;
	overflow:hidden;
	padding-left:28px;
	line-height:36px;

}
h4.in_ttl{
	_width:559px;
	width:597px;
	height: 33px;
	background: url(../images/h4_bg01.jpg) no-repeat 0px 0px;
	margin:0 0 15px 9px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:16px;
	overflow:hidden;
	padding-left:28px;
	line-height:24px;
}

h4.in_ttl2{
	_width:585px;
	width:600px;
	height: 30px;
	background: url(../images/h4_bg02.jpg) no-repeat left bottom;
	margin:0 0 15px 10px;
	color:#fff;
	font-weight:bold;
	text-align:left;
	font-size:14px;
	overflow:hidden;
	padding-left:15px;
	line-height:24px;
}




/* ヘッダー 
-------------------------------------------*/


#header{
	width:864px;
	height:114px;
	margin:0px auto 0px auto;
	text-align:left;
}


#header h1{
	width:246px;
	float:left;
	text-align:right;
	margin-top:27px;
}
#header ul.hm{
	float:right;
	text-align:right;
	margin-top:72px;

}
#header ul.hm li{
	float:left;
}

#header ul.hm li.left{
	float:left;
	padding:0px 7px 0px 7px;
	height:14px;
	line-height:12px;
	background: url(../images/hm_bdr.jpg) no-repeat right 1px;
}
#header ul.hm li.end{
	float:left;
	padding:0px 0px 0px 7px;
	height:14px;
	line-height:12px;
}









/* コンテンツ 
--------------------------------------------------------*/

div#wrap {
	width:100%;
	margin:0px auto;
	text-align:center; 
	padding:0px 0px 30px 0px;
	background: url(../images/bg01.jpg) repeat-x 0px 0px;

}


div#Container {
	margin:0px auto 0 auto;
	width:864px;
	text-align:center;
 
	padding:0px 0px 35px 0px;
	clear:both;
}


/* 左side 
-------------------------------------------*/

#side{
	width:230px;
	float:left;
	text-align:center;
}
#side .menu_outer1{
	width:230px;
	background: url(../images/side_bg01.jpg) repeat-y 0px 0px;
	padding-top:8px;
	padding-bottom:8px;

}
#side .menu_outer2{
	width:215px;
	margin:0 auto;
	background: url(../images/side_bg02.jpg);
	text-align:left;
}
#side .menu_outer2 .smnttl{
	margin-bottom:2px;
}


#side .menu_outer2 ul li{
	border-bottom:1px dashed #999;
	color:#ccc;
	padding:4px 0px 6px 20px;
	background: url(../images/arrow01.jpg) no-repeat 3px 7px;
	margin-bottom:5px;
	font-size:14px;
}
 
#side .menu_outer2 ul li a:link ,
#side .menu_outer2 ul li a:visited { 
	color:#ccc;
	text-decoration: none;
	
}

#side .menu_outer2 ul li a:active ,
#side .menu_outer2 ul li a:hover {
	color: #ccc;
	text-decoration: underline;
}





/* main 
-------------------------------------------*/

#main{
	width:620px;
	float:right;
	text-align:left;
}


/* ページtop
-------------------------------------------*/
.ptop{
	padding:0px 10px 20px 0px;
	text-align:right;
}




/* メインイメージ
---------------------------------------------------------*/

object,
embed {
	vertical-align: top;
}

/*
img { vertical-align: text-bottom; }
*/

/* 折り返し
---------------------------------------------------------*/
.wordbreak {
	word-wrap:break-word ;

}

/* フッター 
---------------------------------------------------------*/


div#footer {
	width:100%;
	min-width: 864px;
/*
	margin:0 auto;
*/
	padding-top:10px;
	text-align:center;
	color:#999;
	background: url(../images/bg03.jpg);
	font-size:12px;
}

div#footer p{
	padding-bottom: 10px;
}


div#footer a:link ,div#footer a:visited {
	color:#999;
	text-decoration: none;	
}


div#footer a:active ,div#footer a:hover{
	color:#999;
	text-decoration: underline;	
}



.movie {
	padding: 5px;
	text-align: right;
}