@charset utf-8;
* {	font-style:      normal;
	font-weight:     normal;
	text-decoration: none;
	margin:          0;
	padding:         0 }

body    {	font-size:           80%;
	font-family:         "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Verdana, serif;
	line-height:         2em;
	background-image:    url("../atta_img/bg/bg_container.gif");
	background-repeat:   repeat-x;
	background-position: 0 bottom;
	letter-spacing:      1px }




* html body {	font-size:      medium;
	line-height:    2em;
	letter-spacing: 1px;
	　　:           "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Verdana, serif }

a    {	color:           #3c3c3c;
	text-decoration: underline }
a:hover    {	color:           #96c;
	text-decoration: none }
#container    {	background-image:      url("../atta_img/bg/bg_container2.gif");
	background-repeat:     repeat;
	background-attachment: fixed;
	margin:                0 0 0 2%;
	padding:               0 }


#wrap     {	margin:  0;
	padding: 0 10px 0 0;
	width:   80% }



/*--------------------*/
#headerArea   {	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	margin-bottom:         50px;
	padding-top:           10px;
	height:                300px }

#headerArea .title, #headerArea .title a     {	background-image:      url("../atta_img/logo/attamark_200px.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	display:               block;
	width:                 200px;
	height:                300px;
	float:                 left }



#headerArea .title span {	display: none }
/*--------------------*/
#menu   {	text-align:     right;
	padding-bottom: 50px;
	position:       fixed;
	top:            10px;
	right:          10px }
#menu a { text-decoration: none }
#arrow {	text-align:     right;
	padding-bottom: 50px;
	position:       fixed;
	right:          100px;
	bottom:         0 }

/*--------------------*/
#about {	margin-bottom: 50px }

#info {	margin-bottom: 50px }
#party {	margin-bottom: 50px }

#links  {	letter-spacing: 2px;
	margin-bottom:  50px }


#access {	margin-bottom: 50px }

#contact  {	margin-bottom: 50px }
#blog {	margin-bottom: 50px }

#space {	background-image: url("../atta_img/bg/bg_container.gif");
	margin-bottom:    0;
	width:            100%;
	height:           250px }

/*--------------------*/
#base1 { }

#base1 .article {	margin:  0;
	padding: 0 }

#base1 .article a  {	color:           #000;
	text-decoration: none }


#base1 .article a:hover  {	color:           #96c !important;
	text-decoration: none }


h4 {	font-size:           110%;
	background-repeat:   repeat-x;
	background-position: 0 bottom;
	letter-spacing:      2px;
	margin:              0;
	padding:             0 }

.article {	margin:  20px 0 80px;
	padding: 0 }
/*--------------------*/
.end    {	background:   url("../atta_img/icon/end.gif") no-repeat left top;
	padding-left: 20px }

.pdf {	background:   url("../atta_img/icon/Icon_pdf.gif") no-repeat left top;
	padding-left: 20px }

.mail        {	background:   url("../atta_img/icon/envelope.gif") no-repeat left center;
	padding-left: 23px }


.m_down {	background:   url("../atta_img/icon/m_down.gif") no-repeat left center;
	padding-left: 20px }

.m_next {	background:   url("../atta_img/icon/m_next.gif") no-repeat left center;
	padding-left: 20px }
	
.m_prev {	background:   url("../atta_img/icon/m_previous.gif") no-repeat left center;
	padding-left: 20px }
	
.m_up {	background:   url("../atta_img/icon/m_up.gif") no-repeat left center;
	padding-left: 20px }
			
.photo {	background:   url("../atta_img/icon/photo.gif") no-repeat left center;
	padding-left: 20px }

.photos {	background:   url("../atta_img/icon/photos.gif") no-repeat left center;
	padding-left: 20px }

.check {	background:   url("../atta_img/icon/icon_check.gif") no-repeat left center;
	padding-left: 20px }
.clearfloat { clear: both }
h1               {	color:          #96c;
	font-size:      200%;
	letter-spacing: 2px;
	margin-bottom:  20px }

h2 {	color:          #9c0;
	font-size:      110%;
	letter-spacing: 2px }

h3   {	font-size:           150%;
	background-image:    url("../atta_img/bg/bg_h3.gif");
	background-repeat:   repeat-x;
	background-position: 0 bottom;
	letter-spacing:      2px;
	margin:              0;
	padding:             0 }
h4               {	margin-top: 50px;	border-bottom-color: black;	border-bottom-style: dotted;	border-bottom-width: 1px;	font-weight: bold;
	font-size: 100%;
	letter-spacing: 2px;
	margin-bottom:  20px }

h5  {	padding-top: 100px;	font-size: 150%;	text-align: center;	font-weight:    500;
	letter-spacing: 5px;
	margin-bottom: 75px; }

.c_red {
	                 	font-weight: bold;
	                 	color: #ff0063;
	                 }

.big1 {
	                 	font-size: 120%;
	                 }

.big2 {
	                 	font-size: 150%;
	                 }

span.date {	color:            #000;
	font-size:        x-small;
	font-family:      Verdana, Arial, Helvetica, sans-serif;
	font-weight:      normal;
	text-decoration:  none;
	background-color: #dcc8ff;
	letter-spacing:   2px;
	padding:          2px 5px }

.info_Az   {	background-image:  url("../atta_img/info/info_face_Az_off.gif");
	background-repeat: no-repeat;
	margin:            0 0 20px;
	padding:           0 0 5px 30px;
	float:             left }


.info_ani  {	background-image:  url("../atta_img/info/info_face_ani_off.gif");
	background-repeat: no-repeat;
	margin:            0 0 20px;
	padding:           0 0 5px 30px;
	float:             left }


.info_Azani {	background-image:  url("../atta_img/info/info_face_Azani.gif");
	background-repeat: no-repeat;
	margin:            0 0 20px;
	padding:           0 0 5px 50px;
	float:             left }

.info_atta {	background-image:  url("../atta_img/info/info_face_atta.gif");
	background-repeat: no-repeat;
	margin:            0 0 20px;
	padding:           0 0 5px 30px;
	float:             left }
/*--------------------*/
#info .y2008, #party .y2008  {	background-image:      url("../atta_img/info/info_2008.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	display:               block;
	width:                 100px;
	height:                30px }


#info .y2009, #party .y2009  {	background-image:      url("../atta_img/info/info_2009.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	display:               block;
	width:                 100px;
	height:                30px }


#info .y2010, #party .y2010 {	background-image:      url("../atta_img/info/info_2010.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	display:               block;
	width:                 100px;
	height:                30px }

#info .y2011, #party .y2011  {	background-image:      url("../atta_img/info/info_2011.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	display:               block;
	width:                 100px;
	height:                30px }


#info .y2012, #party .y2012  {	background-image:      url("../atta_img/info/info_2012.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	display:               block;
	width:                 100px;
	height:                30px }


#info .y2013, #party .y2013  {	background-image:      url("../atta_img/info/info_2013.gif");
	background-repeat:     no-repeat;
	background-attachment: scroll;
	background-position:   0 0;
	display:               block;
	width:                 100px;
	height:                30px }


#info .year span, #party .year span {	display: none }

#info .year, #party .year { }
strong  {	font-weight:    500;
	letter-spacing: 2px;
	margin-bottom:  10px;
	border-bottom:  1px solid #000 }

.st1 {	font-weight:    500;
	letter-spacing: 2px;
	margin-bottom:  10px;
	border-bottom:  1px solid #dcc8ff }

/*--------------------*/
/*--------------------*/
#footer  {	font-size:     80%;
	font-family:   "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align:    right;
	margin-bottom: 50px;
	position:      fixed;
	right:         10px;
	bottom:        0 }
#footer .textsize {	color:       #666;
	font-size:   80%;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align:  right }

.totop {	position: relative;
	float:    right }

/*--------------------*/
.caption { font-size: 90% }
/*mailform--------------------*/
form#mailform { padding: 5px }
table.mailform { width: 650px }
table.mailform tr th, table.mailform tr td { font-size: 12px; font-weight: normal; text-align: left; padding: 7px 5px }
table.mailform tr th { width: 150px }
table.mailform tr th span { color: #cc0000; font-size: 10px }
table.mailform tr th p { color: #999999; font-size: 10px; margin: 0; padding: 0 }
table.mailform tr td textarea { width: 100%; height: 120px }

/* ナビゲーション */

#main .pageNavigation{
	overflow: hidden;
	width: 216px;
	margin-bottom: 30px;
	position:absolute;
	top:469px;
	right:0 }

#main .pageNavigation span{
	display: none }

#main .pageNavigation .next{
	float: right }

#main .pageNavigation .next a {	background: url("../atta_img/icon/arrow_right.gif") no-repeat left center;
	display:    block;
	width:      91px;
	height:     73px;
	border:     none }


#main .pageNavigation .previous{
  float: left }

#main .pageNavigation .previous a {	background: url("../atta_img/icon/arrow_left.gif") no-repeat left center;
	display:    block;
	width:      91px;
	height:     73px;
	border:     none }

.attaaid {
	                 	font-size: 110%;
	                 	width: 850px;
	                 	margin-bottom: 25px;
	                 	margin-top: 25px;
	                 }

.attaaid li {
	                 	margin-left: 50px;
	                 	list-style-position: outside;
	                 	list-style-type: decimal;
	                 }

.attaaid h3 {
	                 	text-align: center;
	                 	margin-bottom: 30px;
	                 }

.attaaid h4 {
	                 	margin-top: 50px;
	                 	margin-bottom: 25px;
	                 }

.kakomi {
	                 	padding-bottom: 35px;
	                 	padding-top: 35px;
	                 	line-height: 200%;
	                 	border-bottom-color: #646464;
	                 	border-bottom-width: 1px;
	                 	border-top-color: #646464;
	                 	border-left-style: none;
	                 	border-bottom-style: dotted;
	                 	border-right-style: none;
	                 	border-top-style: dotted;
	                 	border-top-width: 1px;
	                 }