/*ページの基本のデザイン用css*/

body {
	font:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #ffffff;
	letter-spacing: 1px;
}

br {
	letter-spacing: normal;
}

h1{
	font-size:80%;
	padding: 0px 0px 5px 10px;
	letter-spacing: 3px;
	margin: 0px;
}

h1 a{
	color:#FFFFFF;
	font-weight:normal;
}

h2{
	font-size:110%;
	border-left: 10px solid #FF6633;
	padding-left: 3px;
	color:#ffffff;	  
	margin-top: 1.0em;
	margin-bottom: 0px;
}

h3.no1{
	background-image:url(images/banner01.gif);
	line-height: 23px;
	font-size:100%;
	padding-left:25px;
	margin:20px 10px 10px 0px ;
	clear:both;
}

h3.no2{
	background-image:url(images/banner02.gif);
	line-height: 23px;
	font-size:100%;
	padding-left:30px;
	margin:20px 10px 10px 0px ;
	clear:both;
}

p{
	font-size:90%;/*全体の文字サイズ*/
	line-height:180%;/*全体で使う、文字と文字の行間*/
}

p img{
	float:left;
	margin-right:15px;/*写真とのあいだに隙間を空ける*/
}

a{
	text-decoration:none;
}

a{
	color:#ff9999;
}

a:hover {
	color: #FF0000;/*リンクの文字の上にマウスが来た時この色に変わる*/
	text-decoration: none;
}


#side ul{
	font-size:100%;
	line-height:200%; /*サイドの文字と文字の行間設定*/
	color:#ffffff;
	margin:0px;
	padding-left:24px;
}

#side ul a:hover {
	color: #999999;	/*サイドのカーソルオーバー時の文字色*/
}

#side ul{
	list-style-type:none;
	padding-left:4px;
}

#side li{
	background-image:url(images/icon1.gif);/*サイドメニューのアイコン*/
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:21px;　/*文字の左端からの位置*/
}

#side li a{
	color:#cccccc;/*サイドの文字色*/
	border-bottom:dotted 1px #cccccc;/*文字の下に線を入れる設定*/
	width:150px;
	display:block;
}

#side .ad_list li{
	background-image:none;
	padding-left:0;
}

address{
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	font-style:normal;
	text-align:center;
	border-top:1px solid #333333;/*フッターの上にラインを入れる*/
	padding-top:5px;
	margin-top:0px;
	clear:both;
}

/*トップ画像の上に文字*/
div.img_font01 {
	float:left;
	width:300px;
	height:210px;
	background: url(images/top_img1-1.jpg) no-repeat;
	position:relative;
	background-position: 0px 10px;
}

div.img_font01:hover {
	float:left;
	width:300px;
	height:210px;
	background: url(images/top_img1-2.jpg) no-repeat;
	position:relative;
	background-position: 0px 10px;
}

div.img_font01 p {
	width:270px;
	position:absolute;
	top:132px;
	left:20px;
	color:#ffffff;
	line-height: 18px;
}

div.img_font02 {
	float:left;
	width:310px;
	height:210px;
	background: url(images/top_img2-1.jpg) no-repeat;
	position:relative;
	background-position: 10px 10px;
}

div.img_font02:hover {
	float:left;
	width:310px;
	height:210px;
	background: url(images/top_img2-2.jpg) no-repeat;
	position:relative;
	background-position: 10px 10px;
}

div.img_font02 p {
	width:270px;
	position:absolute;
	top:13px;
	left:20px;
	color:#ffffff;
	line-height: 18px;
}

div.img_font03 {
	float:left;
	width:300px;
	height:210px;
	background: url(images/top_img3-1.jpg) no-repeat;
	position:relative;
	background-position: 0px 10px;
}

div.img_font03:hover {
	float:left;
	width:300px;
	height:210px;
	background: url(images/top_img3-2.jpg) no-repeat;
	position:relative;
	background-position: 0px 10px;
}

div.img_font03 p {
	width:270px;
	position:absolute;
	top:132px;
	left:20px;
	color:#ffffff;
	line-height: 18px;
}

div.img_font04 {
	float:left;
	width:310px;
	height:210px;
	background: url(images/top_img4-1.jpg) no-repeat;
	position:relative;
	background-position: 10px 10px;
}

div.img_font04:hover {
	float:left;
	width:310px;
	height:210px;
	background: url(images/top_img4-2.jpg) no-repeat;
	position:relative;
	background-position: 10px 10px;
}

div.img_font04 p {
	width:270px;
	position:absolute;
	top:13px;
	left:20px;
	color:#ffffff;
	line-height: 18px;
}

div.img_font05 {
	float:left;
	width:300px;
	height:210px;
	background: url(images/top_img5-1.jpg) no-repeat;
	position:relative;
	background-position: 0px 10px;
}

div.img_font05:hover {
	float:left;
	width:300px;
	height:210px;
	background: url(images/top_img5-2.jpg) no-repeat;
	position:relative;
	background-position: 0px 10px;
}

div.img_font05 p {
	width:270px;
	position:absolute;
	top:132px;
	left:20px;
	color:#ffffff;
	line-height: 18px;
}

div.img_font00 {
	clear: left;
}

/*メインコンセプト*/
div.main01 {
	width:620px;
	height:182px;
	left:0px;
	background: url(images/main01.jpg) no-repeat;
	position:relative;
}

div.main01 p {
	width:355px;
	position:absolute;
	top:0px;
	left:15px;
	color:#000000;
	line-height: 20px;
}

/*サイドナビ画像リンク*/
div.side_rollover01 {
	display:block;
	text-indent:-9999px;
	background: url(images/cm01a.jpg) no-repeat center top;
	width: 200px;
	height: 100px;
}

div.side_rollover01:hover {
	display:block;
	text-indent:-9999px;
	background: url(images/cm01b.jpg) no-repeat center top;
	width: 200px;
 	height: 100px;
}

div.side_rollover02 {
	display:block;
	text-indent:-9999px;
	background: url(images/cm02a.jpg) no-repeat center top;
	width: 200px;
	height: 100px;
}

div.side_rollover02:hover {
	display:block;
	text-indent:-9999px;
	background: url(images/cm02b.jpg) no-repeat center top;
	width: 200px;
 	height: 100px;
}

/*サイドナビ文字*/
div.side_font01 {
	display:block;
	width: 193px;
	position:relative;
	margin-top:20px;
	margin-left:10px;
	line-height: 18px;
}

div.side_font02 {
	display:block;
	text-align:center;
	width: 193px;
	line-height: 18px;
}

div.side_font03 {
	display:block;
	text-align:right;
	width: 193px;
	line-height: 18px;
}

/*メイン　文字+画像*/
img.main_img_right {
	display: block;
	float: right;
	width: 180px;
	position: relative;
	margin: 10px 20px 10px 20px;
	line-height: 18px;
}

img.main_img_left {
	display: block;
	float: left;
	text-align: right;
	width: 180px;
	margin: 10px 20px 10px 20px;
	line-height: 18px;
}

/*メイン文字*/
div.main_font_right {
	display: block;
	position: relative;
	width: 590px;
	margin: 10px 40px 10px 20px;
	line-height: 18px;
}

div.main_font_left {
	display: block;
	position: relative;
	text-align: right;
	width: 590px;
	argin: 10px 40px 10px 20px;
	line-height: 18px;
}

/*メイン　ライン画像*/
div.line01 {
	display:block;
	background: url(images/line1.gif) no-repeat center top;
	width: 618px;
	height: 30px;
	background-position: 0px 10px;
}

div.line02 {
	display:block;
	background: url(images/line2.gif) no-repeat center top;
	width: 618px;
	height: 30px;
	background-position: 0px 10px;
}

/*パンくず*/
div.pan {  
	overflow: hidden;  
}
  
div.pan ul {  
	list-style: none;  
	margin: 0 0 0 -50px;  
}  
div.pan li {  
	float: left;  
	padding: 5px 0px 10px 10px; 
}  

/*メイン　文字+画像　3列*/
div.main_font_img_three01 {
	float:left;
	width:194px;
	height:315px;
	position:relative;
	list-style-type: none;
	padding: 25px 9px 10px 10px;
}

div.main_font_img_three01 p {
	width:180px;
	position:absolute;
	top:275px;
	left:18px;
	line-height: 18px;
}

div.main_font_img_three02 {
	float:left;
	width:194px;
	height:315px;
	position:relative;
	list-style-type: none;
	padding: 25px 9px 10px 0px; 
}

div.main_font_img_three02 p {
	width:180px;
	position:absolute;
	top:275px;
	left:9px;
	line-height: 18px;
}

div.main_font_img_three03 {
	float:left;
	width:194px;
	height:202px;
	position:relative;
	list-style-type: none;
	padding: 25px 9px 10px 10px; 
}

div.main_font_img_three03 p {
	width:187px;
	position:absolute;
	top:163px;
	left:18px;
	line-height: 18px;
}

div.main_font_img_three04 {
	float:left;
	width:194px;
	height:202px;
	position:relative;
	list-style-type: none;
	padding: 25px 9px 10px 0px; 
}

div.main_font_img_three04 p {
	width:187px;
	position:absolute;
	top:163px;
	left:9px;
	line-height: 18px;
}

div.main_font_img_re {
	clear: left;
}

/*メイン　画像5列*/
div.main_rollover00 {
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(images/tag0.gif) no-repeat center top;
	width: 4px;
	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover000 {
	display:block;
	float:left;
	text-indent:-9999px;
	width: 122px;
	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover01 {
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(images/tag1-1.gif) no-repeat center top;
	width: 122px;
	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover01:hover {
	display:block;
	text-indent:-9999px;
	background: url(images/tag1-2.gif) no-repeat center top;
	width: 122px;
 	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover02 {
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(images/tag2-1.gif) no-repeat center top;
	width: 122px;
	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover02:hover {
	display:block;
	text-indent:-9999px;
	background: url(images/tag2-2.gif) no-repeat center top;
	width: 122px;
 	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover03 {
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(images/tag3-1.gif) no-repeat center top;
	width: 122px;
	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover03:hover {
	display:block;
	text-indent:-9999px;
	background: url(images/tag3-2.gif) no-repeat center top;
	width: 122px;
 	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover04 {
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(images/tag4-1.gif) no-repeat center top;
	width: 122px;
	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover04:hover {
	display:block;
	text-indent:-9999px;
	background: url(images/tag4-2.gif) no-repeat center top;
	width: 122px;
 	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover05 {
	display:block;
	float:left;
	text-indent:-9999px;
	background: url(images/tag5-1.gif) no-repeat center top;
	width: 122px;
	height: 43px;
	margin: 20px 0px 0px 0px; 
}

div.main_rollover05:hover {
	display:block;
	text-indent:-9999px;
	background: url(images/tag5-2.gif) no-repeat center top;
	width: 122px;
 	height: 43px;
	margin: 20px 0px 0px 0px; 
}

/*メイン　リスト*/
div.list01 ul {
	line-height: 20px;
	list-style-type: circle;
} 

div.list02 ul {
	line-height: 20px;
	list-style-type: square;
} 









/*メイン　画像4列*/
div.main_img_four01 {
	float:left;
	width:150px;
	height:150px;
	position:relative;
	list-style-type: none;
	padding: 8px 4px 5px 4px;
}

div.main_img_four01 p {
	width:150px;
	position:absolute;
}

div.main_img_four02 {
	float:left;
	width:150px;
	height:150px;
	position:relative;
	list-style-type: none;
	padding: 8px 4px 5px 0px;
}

div.main_img_four02 p {
	width:150px;
	position:absolute;
}

div.main_font_img_re {
	clear: left;
}