html,
body,
ul,ol,li,
h1,h2,h3,h4,h5,h6,
p,pre
table,th,td,
dl,dt,dd,
form,div,a{
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: normal;
	font-size:100%;
	background:none;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body {behavior:url("../../../atto_js/csshover.htc");}

th,td {
	font-size: 12px;
	line-height: 1.2;
}
strong {
	font-weight: bold;
	color: #222222;
}
em {
	font-style: normal;
	color: #666666;
}

h1,h2,h3,h4,h5,h6{
	color: #222222;
}

label {
	cursor: pointer;
}
img {
	vertical-align: bottom;
}
a img {
	border: none;
}
hr {
	display: none;
}

input,
textarea {
	font-size: 100%;
}
.clear{
	clear: both;
}
.hidden {
	display: none;
}
.nobd {
	border:none !important;
}
.clearfix,
#main,
.contents {zoom:1;}

.clearfix:after,
#main:after,
.contents:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


/* -------------------------------------------------
		A LINK
--------------------------------------------------*/
a {}
a:link,
a:visited {
	color: #191919;
	text-decoration: none;
}
a:hover {color: #4DB309;text-decoration: none;}

a em{text-decoration: none;}
a:focus{outline:none;}

/* -------------------------------------------------
		WIDTH
--------------------------------------------------*/
.width_10 { width:10%; }
.width_20 { width:20%; }
.width_30 { width:30%; }
.width_40 { width:40%; }
.width_50 { width:50%; }
.width_60 { width:60%; }
.width_70 { width:70%; }
.width_80 { width:80%; }
.width_90 { width:90%; }
.width_100 { width:100%; }


/* -------------------------------------------------
		TEXT ALIGN & FLOAT
--------------------------------------------------*/
.txt_right { text-align: right; }
.txt_left { text-align: left; }
.txt_center { text-align: center; }
.right { float:right; }
.left { float:left; }


/* -------------------------------------------------
		FONT
--------------------------------------------------*/
.font_10 { font-size:10px;}

#main h2 {
	clear:both;
}


/* -------------------------------------------------
		共通パーツ
--------------------------------------------------*/
.leftbox {
	float:left;
	width:320px;
}
.rightbox {
	float:right;
	width:320px;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


body {
	color: #3A3A3A;
	line-height: 1.7;
	font-size: 75%; /* IE */
	letter-spacing:0.07em;
	background: url(../../../atto_img/inf/hd_bg03.gif) repeat-x center 0px;
}
html>/**/body {
  font-size: 12px; /* Except IE */
}

body { behavior:url("css/csshover.htc"); }

h1{
	background: url(../../../atto_img/inf/hd_bg02.gif) repeat-x center top; 
	font-size: 10px;
	text-align: left;
	color:#666666;
	padding:4px 0;
}


/* -------------------------------------------------
		Header
hd_bg_spring.jpg　：春
hd_bg_summer.jpg　：夏
hd_bg_autumn.jpg　：秋
hd_bg_winter.jpg  ：冬
--------------------------------------------------*/
#header {
	height: 105px;
	line-height: 1;
	background: url(../../../atto_img/inf/hd_bg_summer.jpg) no-repeat left 5px;
	position: relative;
}

a.logo{position:absolute; top:3px; left:0px; z-index:3; cursor:pointer;}
#header a.language{position:absolute; top:0px; right:0px; z-index:2; cursor:pointer;}
#header img.language{position:absolute; top:0px; right:0px; z-index:2; cursor:pointer;}
#header p{position : absolute;top : 22px;right : 0px;;z-index:4;}
#header ul{padding-top:63px; z-index:1}
#header ul li{float:left;}

#header_sub{
	background:#FFFFFF;
	width:960px;
	margin:0 auto;
}
#header_sub_in{padding:0 10px;}

#header_sub ul{padding:15px 0;}
#header_sub ul li{display:inline; margin-right:17px;}

#header_sub ul li a{
	background: url(../../../atto_img/inf/ico_arr01.gif) no-repeat left top;
	padding-left:18px;
	font-weight:bold;
}


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

div#main_index {
	float: right;
	width: 735px;	
}

div#main_left_index {
	float: left;
	width: 460px;
	background:#EEEEEE;
}
div#main_right_index {
	float: right;
	width: 260px;
	background:#EEEEEE;
}



div#main {
	float: left;
	width: 680px;
}

/* -------------------------------------------------
		footer
--------------------------------------------------*/
div#footer {
	background:none;
	clear: both;
	padding: 15px 0 0;
	margin:0;
	text-align: left;
	 border:none;
}
#footer_in{background:url(../../../atto_img/inf/hd_bg01.gif) repeat-x center 20px;}
.pagetop{text-align:right;}
#footer_in h5{padding:10px 0 10px;}
#footer_in .sitemap{line-height: 1.6; position:relative; margin:10px 0;background:url(../../../atto_img/inf/ft_bg01.gif) repeat-y center top;}
#footer_in .sitemap ul{float:left; width:239px;}
#footer_in .sitemap ul li{
	font-size:84%;
	background:url(../../../atto_img/inf/ico_sub01.gif) no-repeat 15px center;
	padding-left:30px;
	margin-bottom:2px;
}
#footer_in .sitemap ul li a{font-size:100%;}

#footer_in .sitemap ul li.parent{
	font-size:115%;
	font-weight:bold;
	background:url(../../../atto_img/inf/ico_arr01.gif) no-repeat 0px center;
	padding-left:18px;
}
#footer_in .sitemap ul li.other{
	font-size:115%;
	font-weight:bold;
	background:url(../../../atto_img/inf/ico_sub02.gif) no-repeat 5px center;
	width:70px;
}


#footer_in .sitemap div.sub_box{float:left; width:239px;}
#footer_in .sitemap div.sub_box ul.sub_l{float:left; width:115px;}
#footer_in .sitemap div.sub_box ul.sub_r{float:right; width:115px;}

#footer_in .manage{line-height:1.7; margin-bottom:15px; font-size:84%;}
#footer_in .copyright{ margin:15px 0; font-size:84%; text-align:center;letter-spacing:0.3em;}

ul.ft_link{
	margin-bottom:15px;
}

ul.ft_link li{
	display:inline;
	margin-right:5px;
}

/* -------------------------------------------------
		parts
--------------------------------------------------*/

div.line_dot01{
	background:url(../../../atto_img/inf/dot01.gif) repeat-x left center;
	line-heigt:0;
	font-size:0;
	height:1px;
	clear:both;
}
div.line_dot02{
	background:url(../../../atto_img/inf/dot02.gif) repeat-x left center;
	line-heigt:0;
	font-size:0;
	height:3px;
	clear:both;
}
div.line_dot03{
	background:url(../../../atto_img/inf/pan_bg01.gif) no-repeat left top;
	line-heigt:0;
	font-size:0;
	height:5px;
	clear:both;
}
div.line_dot04{
	background:url(../../../atto_img/inf/dot03.gif) repeat-x left center;
	line-heigt:0;
	font-size:0;
	height:3px;
	clear:both;
}
div.line_01{
	background:url(../../../atto_img/inf/dot03.gif) repeat-x left center;
	line-heigt:0;
	font-size:0;
	height:3px;
	clear:both;
}
div.line_02{
	background:url(../../../atto_img/inf/line03.gif) repeat-x left center;
	line-heigt:0;
	font-size:0;
	height:2px;
	clear:both;
}

/* -------------------------------------------------
		パンくずリスト
--------------------------------------------------*/
div.pankuzu_box{
	margin-bottom:0;
	background: url(../../../atto_img/inf/bg_dot01.gif) repeat left top;
	font-size:84%;
}
ul.pankuzu {padding:2px 5px 1px;}
ul.pankuzu li{float:left; margin-right:15px;}
ul.pankuzu li a{padding-left:18px; background:url(../../../atto_img/inf/ico_arr02.gif) no-repeat left center;}
ul.pankuzu li.home a{background:url(../../../atto_img/inf/ico_home01.gif) no-repeat left center;}

/* -------------------------------------------------
		SUB_parts
--------------------------------------------------*/

h2.kanko_title{margin-bottom:15px;}

h3.kiji_name{
	background:url(../../../atto_img/inf/bg_dot03.gif) repeat left top;
	padding:4px 7px;
	letter-spacing:0.15em;
	font-weight:bold;
	font-size:150%;
	color:#FFFFFF;
}

h3.tx_title{
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体",serif;
	font-weight:bold;
	font-size:175%;
	color:#111111;
	letter-spacing:0.13em;
	background:url(../../../atto_img/inf/title_bg.gif) no-repeat left center;
	padding:15px 0 15px;
	margin-bottom:10px;
	display:block !important;
}


h3.kanko_subtitle{margin-bottom:15px; width:680px;overflow:hidden;}

p.kanko_desc{padding-bottom:20px;}
div.wr_box_dot1{
	background:url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
	margin:0 0 20px;
	color:#222222;
}
div.wr_box_dot1 img{
	margin:5px 5px 5px;
}
div.wr_box_dot1 h5{
	padding:0;
	margin:5px;
	display:inline;
	width:330px;
	overflow:hidden;
}

div.wr_box_dot1 h5.fl{float:left;}
div.wr_box_dot1 h5.fr{float:right;}
div.wr_box_dot1 h5 img{margin:0; padding:0;}



div.wr_box_dot1 p{
	padding:5px 7px 7px;
	font-size:84%;
}

div.wr_box_dot1 h4{
	background:url(../../../atto_img/inf/bg_dot01.gif) repeat left top;
	display:block;
	text-align:right;
	padding:4px 7px;
}
div.wr_box_dot1 h4 a{
	background:url(../../../atto_img/inf/ico_arr01.gif) no-repeat left center;
	padding-left:18px;
	font-weight:bold;
	letter-spacing:0.12em;
}


p.kanko_desc2{width:320px; float:left;}

div.kanko_desc3{
	background:url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
	padding:5px 10px;
	line-height:1.8;
	margin-bottom:20px;
}

div.kanko_desc3 a{
	background:url(../../../atto_img/inf/ico_arr01.gif) no-repeat left center;
	padding-left:18px;
	font-weight:bold;
	letter-spacing:0.12em;
}


/* ------	枠付き --------*/

div.kanko_desc4{
	background:url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
	padding:5px;
	margin-bottom:20px;
	zoom:1;
}
div.kanko_desc4:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
div.kanko_desc4 div{
	background:#FFFFFF;
	padding:5px;
	line-height:1.8;
}
div.kanko_desc4 div h3,
div.kanko_desc4 div h4,
div.kanko_desc4 div h5{
	margin:3px 0 7px;
	font-size:120%;
	font-weight:bold;
}


div.kanko_desc4 p.kanko_desc{margin-bottom:20px; padding:0 5px;}
div.kanko_desc4 div.wr_box_dot1{
	margin-bottom:20px;
	color:#222222;
	padding:0;
}
div.kanko_desc4 div.wr_box_dot1 img{
	margin:5px 5px 5px;
	padding:0;
}
div.kanko_desc4 div.wr_box_dot1 h5{
	padding:0;
	display:block;
	width:325px;
	overflow:hidden;

}
div.kanko_desc4 div.wr_box_dot1 h5.fl{float:left;}
div.kanko_desc4 div.wr_box_dot1 h5.fr{float:right;}

div.kanko_desc4 div.wr_box_dot1 h5 img{margin:0; padding:0;}
div.kanko_desc4 div.wr_box_dot1 div.clear{padding:0; line-height:0; margin:0}
div.kanko_desc4 div.wr_box_dot1 p{
	padding:5px 7px 7px;
	font-size:84%;
}
div.kanko_desc4 div.wr_box_dot1 h4{
	display:block;
	text-align:right;
	padding:4px 7px;
	font-size:100%;
}
div.kanko_desc4 div.wr_box_dot1 h4 a{
	background:url(../../../atto_img/inf/ico_arr01.gif) no-repeat left center;
	padding-left:18px;
	font-weight:bold;
	letter-spacing:0.12em;
}

div.kanko_desc4 div h3.tx_title{
	font-family:'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝', '細明朝体',serif;
	font-weight:bold;
	font-size:175%;
	color:#111111;
	letter-spacing:0.13em;
	background:url(../../../atto_img/inf/title_bg.gif) no-repeat left center;
	padding:15px 5px 15px;
	margin-bottom:10px;
	display:block;
}


p.kanko_desc2{width:300px; float:left; padding:0 5px;}

div.kanko_desc4 div.wr_box_dot2{
	color:#222222;
	width:325px;
	float:right;
	margin:0 0 20px;
	padding:0;
}
div.kanko_desc4 div.wr_box_dot2 img{
	margin:5px 5px 5px;
}

div.kanko_desc4 div.wr_box_dot2 h5{

}
div.kanko_desc4 div.wr_box_dot2 h5 img{margin:0; width:325px; overflow:hidden;}

div.kanko_desc4 div.wr_box_dot2 p{
	padding:5px 7px 7px;
	font-size:84%;
}
div.kanko_desc4 div.wr_box_dot2 h4{
	background:url(../../../atto_img/inf/bg_dot01.gif) repeat left top;
	display:block;
	text-align:right;
	padding:4px 7px;
	font-size:100%;
}
div.kanko_desc4 div.wr_box_dot2 h4 a{
	background:url(../../../atto_img/inf/ico_arr01.gif) no-repeat left center;
	padding-left:18px;
	font-weight:bold;
	letter-spacing:0.12em;
}

div.kanko_desc4 h3.kanko_subtitle{margin-bottom:15px; width:660px;overflow:hidden;}

/* ------	枠付き _end --------*/






div.kanko_desc5{ background:url(../../../atto_img/inf/bg_dot01.gif) repeat left top;margin-bottom:10px;}
div.desc5_br{ background:url(../../../atto_img/inf/bg_dot01_br.gif) repeat left top;margin-bottom:10px;}
div.desc5_gl{ background:url(../../../atto_img/inf/bg_dot01_gl.gif) repeat left top;margin-bottom:10px;}

div.kanko_desc5 div.de{padding:5px; width:490px; float:left;}
div.kanko_desc5 div.de h3{
	padding:4px 0 4px 57px;
	font-size:120%;
	font-weight:bold;
	display:block;
}

div.desc5_br div.de h3{	background:url(../../../atto_img/ico/ico_spot_br.gif) no-repeat left center !important;}
div.desc5_gl div.de h3{	background:url(../../../atto_img/ico/ico_spot_gl.gif) no-repeat left center !important;}

div.kanko_desc5 div.de h3 a{font-weight:bold;}


div.kanko_desc5 div.de  p{margin-top:10px; font-size:84%;}
div.kanko_desc5 div.img{float:right; width:165px; overflow:hidden;}
div.kanko_desc5 div.img img{margin:5px;}



h4.spot_next{
	background:url(../../../atto_img/inf/spot_next.gif) no-repeat left top;
	display:block;
	padding:10px 7px 10px 95px;
	font-weight:bold;
	letter-spacing:0.12em;
	margin-bottom:10px;
}
h4.next_br{background:url(../../../atto_img/inf/spot_next_br.gif) no-repeat left top;}
h4.next_gl{background:url(../../../atto_img/inf/spot_next_gl.gif) no-repeat left top;}

div.wr_box_dot2{
	background:url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
	color:#222222;
	width:340px;
	float:right;
	margin:0 0 20px;
}

div.wr_box_dot2 img{
	margin:5px 5px 5px;
}
div.wr_box_dot2 p{
	padding:5px 7px 7px;
	font-size:84%;
}

div.wr_box_dot2 h4{
	background:url(../../../atto_img/inf/bg_dot01.gif) repeat left top;
	display:block;
	text-align:right;
	padding:4px 7px;
}
div.wr_box_dot2 h4 a{
	background:url(../../../atto_img/inf/ico_arr01.gif) no-repeat left center;
	padding-left:18px;
	font-weight:bold;
	letter-spacing:0.12em;
}


h3.kanko_imgtitle{margin-bottom:10px;}

div.page_title_box{
margin:0 0 0px;
}
div.page_title_box h2 {
	font-size:175%;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "細明朝体",serif;
	letter-spacing:0.1em;
	line-height:1.5;
	color:#FFFFFF;
	padding:20px 0 10px 0;
}
div.page_title_box h2 span{
	background:url(../../../atto_img/inf/ico_slash.gif) no-repeat right center; 
	padding-right:25px !important;
	display:inline-block;
	color:#111111;
}

div.page_title_box h2 em{font-size:48%;color:#111111; margin-left:7px; display:inline;}

div.page_title_box h2 em.bg{font-size:48%;color:#FFFFFF; margin-left:7px;display:inline;}


div.page_title_box h2.page_title_bg00_dr{
	background:url(../../../atto_img/inf/bg_dot03_dr.gif) no-repeat left top;
	padding:7px 90px 7px 7px;
}

div.page_title_box h2.page_title_bg00_wk{
	background:url(../../../atto_img/inf/bg_dot03_wk.gif) no-repeat left top;
	padding:7px 90px 7px 7px;
}

div.page_title_box h2.page_title_bg00{
	background:url(../../../atto_img/inf/bg_dot03.gif) repeat left top;
	padding:7px 7px 7px 7px;
}

/* -------------------------------------------------
		Navi
--------------------------------------------------*/

div#navi{
	float: right;
	width: 260px;
	background:url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
	margin:0;
	padding:0;
}

div.navi_top{
	background:#FFFFFF;
	padding-bottom:5px;
}
div.navi_top a{
	display:block;
	padding:3px 0 6px;
	background:url(../../../atto_img/inf/dot02.gif) repeat-x left bottom;
}
div.navi_menu{
	background:url(../../../atto_img/area/navi_bg01.gif) repeat-y left top;
	padding:5px
}
div.navi_menu h4{
	margin-bottom:5px;
}

div.tokusyu{}

div.tokusyu a.thumb{
	display:block;
	float:left;
	width:60px;
	height:60px;
	overflow:hidden;
	padding:4px 0;
}
div.tokusyu p{width:180px; float:right; line-height:1.2;}
div.tokusyu p em{font-size:84%; color:#FFFFFF; line-height:1.6;}
div.tokusyu a{color:#FFFFFF; font-weight:bold;}
div.tokusyu a:hover{color:#FFCD2D;}


div.navi_category ul{padding:5px;}
div.navi_category ul li {margin-bottom:3px;}
div.navi_category ul li a{
	padding-left:18px;
	background:url(../../../atto_img/inf/ico_arr01.gif) no-repeat left center;
	font-weight:bold;
}
div.navi_category div.about1{padding:10px 5px 10px 5px;}
div.navi_category div.about1 a{
	background:url(../../../atto_img/ico/arr_yerrow.gif) no-repeat left center;
	font-weight:bold;
	padding-left:18px;
}
div.navi_category div.about1 a:hover{color:#E89E09;}


div.navi_category div.about2{
	background:url(../../../atto_img/inf/bg_dot05.gif) repeat left top;
}
div.navi_category div.about2 li {margin-bottom:3px;}
div.navi_category div.about2 li a{
	padding-left:18px;
	background:url(../../../atto_img/inf/ico_arr04.gif) no-repeat left center;
	font-weight:bold;
}
div.navi_category div.about2 li a:hover{color:#FFF009}


div.slide{}
div.slide div.navi_category{}
div.slide div.navi_category .close{
	text-align:right;
	cursor:pointer;
	background:url(../../../atto_img/inf/bg_dot04.gif) repeat left top;
}

#navi h5 a{color:#FFFFFF; padding-left:18px; background:url(../../../atto_img/inf/ico_arr04.gif) no-repeat left center; font-weight:bold;}
#navi h5 a:hover{color:#FFCD2D;}
div.navi_about{background:#FFFFFF;}
div.navi_about h3{padding-bottom:7px;}


/* -------------------------------------------------
		event_box
--------------------------------------------------*/
h3.event_box{}
div.event_box{
	background:url(../../../atto_img/inf/bg_2peace.gif) repeat left top;
}
div.event_inbox{
	background:url(../../../atto_img/inf/line03.gif) repeat-x left bottom;
	padding:5px 5px 7px 5px;
}
div.event_box div.fl{
	float:left;
	width:470px;
}
div.event_box div.fl h3{
	padding-left: 60px;
	font-weight:bold;
	font-size:115%;
	margin:10px 0 5px;
}

div.event_box div.fl h3 a{
	padding-left:18px;
	background: url(../../../atto_img/ico/arr_yerrow.gif) no-repeat left center;
	font-weight:bold;
}

div.event_box div.fl h3.ico01{background:url(../../../atto_img/event/ico01.gif) no-repeat left center;}
div.event_box div.fl h3.ico02{background:url(../../../atto_img/event/ico02.gif) no-repeat left center;}
div.event_box div.fl h3.ico03{background:url(../../../atto_img/event/ico03.gif) no-repeat left center;}
div.event_box div.fl h3.ico04{background:url(../../../atto_img/event/ico04.gif) no-repeat left center;}
div.event_box div.fl h3.ico05{background:url(../../../atto_img/event/ico05.gif) no-repeat left center;}
div.event_box div.fl h3.ico06{background:url(../../../atto_img/event/ico06.gif) no-repeat left center;}
div.event_box div.fl h3.ico07{background:url(../../../atto_img/ico/ico_question.gif) no-repeat left center;}
div.event_box div.fl h3.ico08{background:url(../../../atto_img/ico/ico_kotu.gif) no-repeat left center;}
div.event_box div.fl h3.ico09{background:url(../../../atto_img/ico/ico_gallery.gif) no-repeat left center;}
div.event_box div.fl h3.ico10{background:url(../../../atto_img/ico/ico_non.gif) no-repeat left center;}
div.event_box div.fl h3.ico11{background:non;	padding-left: 0;}
div.event_box div.fl h3.ico12{background:url(../../../atto_img/ico/ico_camera.gif) no-repeat left center;}
div.event_box div.fl h3.ico13{background:url(../../../atto_img/ico/ico_info_bosyu.gif) no-repeat left center;padding-left: 40px;}
div.event_box div.fl h3.ico14{background:url(../../../atto_img/ico/ico_info_info.gif) no-repeat left center;padding-left: 40px;}
div.event_box div.fl h3.ico15{background:url(../../../atto_img/ico/ico_info_kou.gif) no-repeat left center;padding-left: 40px;}
div.event_box div.fl h3.ico16{background:url(../../../atto_img/ico/ico_info_news.gif) no-repeat left center;padding-left: 40px;}
div.event_box div.fr{
	float:right;
	width:180px;
	overflow:hidden;
}
div.event_box p{
	margin-top:15px;
}
div.event_box p.date{
	margin-top:20px;
	margin-bottom:10px;
	line-height:1.8;
	font-size:85%;
	background: url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
	padding:5px;
}
div.event_box p.date img{margin-bottom:7px;}
div.event_box  h4{
	margin-top:7px;
	padding:5px 0;
	line-height:1;
}
div.event_box  h4 a{
	padding-left:18px;
	background: url(../../../atto_img/ico/arr_yerrow.gif) no-repeat left center;
	font-weight:bold;
}

/* -------------------------------------------------
		pickup_box
--------------------------------------------------*/

div.pickup_box{ background:url(../../../atto_img/inf/bg_2peace2.gif) repeat left top;}

div.pickup_inbox{
	background:url(../../../atto_img/inf/line03.gif) repeat-x left bottom;
	padding:5px 5px 7px 5px;
}
div.pickup_box div.fr{
	float:right;
	width:540px;
}
div.pickup_box div.fr h3{
	padding-left: 57px;
	font-weight:bold;
	font-size:115%;
	margin:2px 0 3px;
}
div.pickup_box div.fr h3.ico01{background:url(../../../atto_img/ico/ico_taberu_s.gif) no-repeat left center;}
div.pickup_box div.fr h3.ico02{background:url(../../../atto_img/ico/ico_asobu_s.gif) no-repeat left center;}
div.pickup_box div.fr h3.ico03{background:url(../../../atto_img/ico/ico_taiken_s.gif) no-repeat left center;}
div.pickup_box div.fr h3.ico04{background:url(../../../atto_img/ico/ico_miru_s.gif) no-repeat left center;}
div.pickup_box div.fr h3.ico05{background:url(../../../atto_img/ico/ico_bosyu_s.gif) no-repeat left center;}
div.pickup_box div.fr h3 a{font-weight:bold;}

div.pickup_box div.fl{
	float:left;
	width:120px;
	overflow:hidden;
}


div.pickup_box p.data{
	line-height:1.5;
	color:#222222;
	font-weight:bold;
}
div.pickup_box p{
	margin-top:3px;
	font-size:85%;
	line-height:1.7;
}
div.pickup_box p a{color:#222222;font-weight:bold;}
div.pickup_box p a:hover{color:#4DB309}


/* -------------------------------------------------
		number
--------------------------------------------------*/

div.numbers_box{
	margin-bottom:0;
	font-size:84%;
	margin:20px 0;
}
ul.numbers {}
ul.numbers li{display:block;float:left;}
ul.numbers li a{
	line-height:1;
	float:left;
	margin-right:3px;
	padding:6px 10px 4px;
	background: url(../../../atto_img/inf/bg_dot01.gif) repeat left top;
	border:solid 1px #CCCCCC;
}
ul.numbers li a:hover{
	background: url(../../../atto_img/inf/bg_dot03.gif) repeat left top;
	border:solid 1px #999999;
	color:#FFFFFF;
}


ul.numbers li.next a{
	padding-right:20px;
	padding-left:6px;
	background:#FFC400 url(../../../atto_img/ico/num_arr_r.gif) no-repeat right center;
	border:solid 1px #FFC400;
}
ul.numbers li.back a{
	padding-left:20px;
	padding-right:6px;
	background:#FFC400 url(../../../atto_img/ico/num_arr_l.gif) no-repeat left center;
	border:solid 1px #FFC400;
}
ul.numbers li.next a:hover{
	background:#FFA400 url(../../../atto_img/ico/num_arr_r_o.gif) no-repeat right center !important;
	border:solid 1px #FFA400;
}
ul.numbers li.back a:hover{
	background:#FFA400 url(../../../atto_img/ico/num_arr_l_o.gif) no-repeat left center !important;
	border:solid 1px #FFA400;
}



/* -------------------------------------------------
		info_box
--------------------------------------------------*/

.info_box a{
	background:url(../../../atto_img/inf/bg_dot01.gif) repeat left top;
	display:block;
	padding:7px 5px 5px 5px;
}
.info_box a:hover{
	color: #1BA8B7;
	background:url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
}
.info_box a em{
	font-size:84%;
	display:block;
	line-height:1;
	color: #1BA8B7;
	font-weight:bold;
	margin-bottom:5px;
}
.info_box a span{
	display:block;
	padding-left: 40px;
	font-weight:bold;
}
.info_box a span.ico01{background:url(../../../atto_img/ico/ico_info_news.gif) no-repeat left center;}
.info_box a span.ico02{background:url(../../../atto_img/ico/ico_info_kou.gif) no-repeat left center;}
.info_box a span.ico03{background:url(../../../atto_img/ico/ico_info_info.gif) no-repeat left center;}
.info_box a span.ico04{background:url(../../../atto_img/ico/ico_info_bosyu.gif) no-repeat left center;}

div.info_back{
	background:url(../../../atto_img/inf/bg_dot02.gif) repeat left top;
	text-align:right;
	padding:5px;
}

/* -------------------------------------------------
		　フォトギャラリー
--------------------------------------------------*/
div.photo_gallery{padding-bottom:5px;	background:url(../../../atto_img/inf/bg_dot01.gif) repeat left top;}

div.photo_box{
	overflow:hidden;
	width:220px;
	float:left;
	margin:6px 2px	
}

div.photo_inbox{

	padding:5px 5px 7px 5px;
}
div.photo_box div.fr{
	
}
div.photo_box h3{
	font-weight:bold;
	font-size:100%;
	margin:7px 2px 3px;
}
div.photo_box div a{font-weight:bold;}

div.photo_box div a:hover{color:#FFC400;}

div.photo_box div.fl{
	width:204px;
	height:134px;
	overflow:hidden;
	border:3px solid #FFFFFF;
}

div.photo_box div.fl:hover{border:3px solid #FFC400;}

div.photo_box div.fl a {}


/*-フォトギャラリー縦-*/
div.photo_box div.fl2{
                margin-left:30px;
	width:134px;
	height:204px;
	overflow:hidden;
	border:3px solid #FFFFFF;
}

div.photo_box div.fl2:hover{border:3px solid #FFC400;}
div.photo_box div.fl2 a {}

div.photo_box div.fl3 span.fl{
                margin-left:30px;
	width:134px;
	height:204px;
	overflow:hidden;
	border:3px solid #FFFFFF;
}

div.photo_box div.fl3 span.fl:hover{border:3px solid #FFC400;}
div.photo_box div.fl3 span.fl a {}
div.photo_box p{
	margin-top:3px;
	font-size:85%;
	line-height:1.7;
	padding:3px;
}
div.photo_box p a{color:#222222;font-weight:bold;}
div.photo_box p a:hover{color:#4DB309}





/* -------------------------------------------------
		　TOPページ
--------------------------------------------------*/

/* -----------------------イベント--------------------------------*/

div#navi_index {
	float: left;
	width: 210px;
}

.event_bt{}
.event_bt a{
	width:210px;
	overflow:hidden;
	display:block;
	position:relative;
}
.event_bt a img.alphafilter{
	position:absolute;
	bottom:0;
	left:0px;
	cursor:pointer;
}
div.event_news {
	line-height:1.4;
	background: url(../../../atto_img/top/event_left_bg2.gif) repeat-y left top;
	color: #ffffff;
}
div.event_news a{
	display:block;
	margin:  3px 0;
	background: url(../../../atto_img/top/event_left_bg.gif) repeat-y left top;
	padding: 3px 5px;
	color:#FFFFFF;
	letter-spacing:0.1em;
}
div.event_news a:hover{
	background: url(../../../atto_img/top/event_left_bg_o.gif) repeat-y left top;
	color:#FFFFFF;
}
div.event_news a em{
	color:#FFFFFF;
	font-size: 84%;
	display:block;
	margin-bottom:2px;
	font-weight:normal;
}
div.event_month{
	background: url(../../../atto_img/top/event_left_bg2.gif) repeat-y left top;
	padding:5px;
}
div.event_month a{display:block;}
div.event_month a.end{margin-bottom:5px;}

div.info_media{
	background: url(../../../atto_img/top/introduced_bg.gif) repeat-y left top;
}

div.info_media a{
	color:#222222;
	display:block;
	background: url(../../../atto_img/top/introduced_bg.gif) repeat-y left top;
	padding:5px;
	font-size: 84%;
}
div.info_media a:hover{
	color:#222222;
	background: url(../../../atto_img/top/introduced_bg_o.gif) repeat-y left top;
}
div.info_media span{
	display:block;
	color:#222222;
	background: url(../../../atto_img/top/introduced_icon.gif) no-repeat left center;
	padding-left: 25px;
	margin-bottom:5px;
}
div.info_media a:hover span{
	background: url(../../../atto_img/top/introduced_icon_o.gif) no-repeat left center;
}

div.info_media em{
	display:block;
	color:#222222;
	background: url(../../../atto_img/top/introduced_icon2.gif) no-repeat 2px center;
	padding-left: 25px;
}
div.info_media a:hover em{
	background: url(../../../atto_img/top/introduced_icon2_o.gif) no-repeat 2px center;
}

div.info_media div.intro_line{
	background:none;
	background: url(../../../atto_img/top/introduced_dot.gif) repeat-x left top;
	font-size:0;
	line-height:0;
	height:1px;
}


div.media_back{
	background: url(../../../atto_img/top/introduced_bottom.gif) repeat-y left top;
	text-align:right;
	padding:5px;
}

div.special_box {}
div.special_box h2{
	margin:0 0 10px;
}



div.special_box div.right_box{
	width:260px;
	float:right;
	padding:0 0 5px!important;
}

div.special_box div.right_box div.SetRightPane{
	margin:0!;
	width:260px;
}

div.special_box div.right_box div.thumb{
	margin:0!important;
	padding:0
	width:260px
}


div.special_box div.right_box div.thumb a{
	font-size: 84%;
}


div.special_box div.right_box div.thumb a:hover{
	color:#4DB309;
}
div.special_box div.right_box div.thumb em{
	display:block;
}

div.special_box div.right_box div.thumb em.pict{
	margin:0;
	width:60px;
	height:60px;
	overflow:hidden;
	float:left;
}

div.special_box div.right_box div.thumb span{
	margin:0;
	padding:0
	display:block;
	width:190px;
	float:right;
}

div.special_box div.right_box div.thumb span a{
	line-height:1.4;
	padding-top:2px;
}

div.special_box div.right_box div.thumb span a em{
	width:190px;
	font-weight:bold;
	margin:0 0 2px;
	color: #CD543E;
}

div.special_box div.right_box div.thumb span a:hover em{
	color:#4DB309;
}

div.special_box div.right_box .line_dot01{
	height:5px;
}



div.special_box div.big{
	width:460px;
	margin-bottom:15px;
	float:left;
}

div.special_box div.big div.pict_box{
	width:460px;
	overflow:hidden;
}

div.special_box div.big a{
}
div.special_box div.big a:hover{
}
div.special_box div.big em{
	display:block;
	margin:5px 0;
	color: #CD543E;
	font-size: 84%;
	font-weight:bold;
}
div.special_box div.big a:hover em{
	color:#4DB309;
}

div.special_box div.big a strong{
	display:block;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
}
div.special_box div.big a:hover strong{
	color:#4DB309;
}
div.special_box div.big a span{
	font-size: 84%;
}

div.special_box div.right_box







#index_content{
	padding-top:10px;
}

#index_main{
	width:460px;
	float:left;
}

#index_main .pickup_box .fr{
	width:320px;
}

#index_main .pickup_box .fr h3{
	font-size:100%;
}

#index_main .pickup_box .fr p{
	font-size:84%;
	line-height:1.4;
}


#index_right{
	width:260px;
	float:right;
}

#index_right h4{
	margin:5px 0;
}

ul.other_link{
}

ul.other_link li{
	background:url(../../../atto_img/inf/dot01.gif) repeat-x left bottom;
}
ul.other_link li a{
	display:block;
	padding:5px 5px 5px 25px;
	background-image: url(../../../atto_img/top/icon08.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}


.etc{
	padding:10px 5px 10px 30px;
	border-bottom: 1px dashed #999999;
	background-image: url(../../../atto_img/top/icon08.gif);
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
}


div.sp_box1 {
	width: 460px;	float: left;} 

div.box2 {
width: 260px;float: right;}