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

	font-family:Arial;
/*	background:#F2F2F0; */
	background:url("../images/bg/debut_light.png") 0 -46px;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

.height-area	{
	height:800px;
}

.header	{
	margin-left:auto;
	margin-right:auto;
	width:1000px;
	background:#FFFFFF;
	height:78px;
	
}
.header .inner	{
	float:right;
}
.header_btn	{
	background:url("../images/sitemap_ico.png") 0 -46px;   
	height:46px;   
	width:74px;   
	float:left;
	display:block;
}
.header_btn a{   
	background:url("../images/sitemap_ico.png");   
	height:46px;   
	width:74px;   
	display:block;   
}  
.header_btn2	{
	background:url("../images/sitemap_ico2.png") 0 -46px;   
	height:46px;   
	float:left;
	width:74px;   
	display:block;
}
.header_btn2 a{   
	background:url("../images/sitemap_ico2.png");   
	height:46px;   
	width:74px;   
	display:block;   
}  
.header_btn3	{
	background:url("../images/sitemap_ico3.png") 0 -46px;   
	height:46px;   
	width:74px;   
	float:left;
	display:block;
}
.header_btn3 a{   
	background:url("../images/sitemap_ico3.png");   
	height:46px;   
	width:74px;   
	display:block;   
}  
.header_btn4	{
	background:url("../images/gakunai_ico.png") 0 -46px;   
	height:46px;   
	width:74px;   
	float:left;
	float:left;
	display:block;
}
.header_btn4 a{   
	background:url("../images/gakunai_ico.png");   
	height:46px;   
	width:74px;   
	float:left;
	display:block;   
}  
.banner	{
	padding:8px;
}
/*グローバルメニュー*/
.menu1	{
	background:url("../images/menu1.png") 0 -54px;   
	height:54px;   
	width:166px;   
	float:left;
	display:block;
}
.menu1 a{   
	background:url("../images/menu1.png");   
	height:54px;   
	width:166px;   
	display:block;   
}  

.menu2	{
	background:url("../images/menu2.png") 0 -54px;   
	height:54px;   
	width:166px;   
	float:left;
	display:block;
}
.menu2 a{   
	background:url("../images/menu2.png");   
	height:54px;   
	width:166px;   
	display:block;   
}  
.menu3	{
	background:url("../images/menu3.png") 0 -54px;   
	height:54px;   
	width:166px;   
	float:left;
	display:block;
}
.menu3 a{   
	background:url("../images/menu3.png");   
	height:54px;   
	width:166px;   
	display:block;   
}  

.menu4	{
	background:url("../images/menu4.png") 0 -54px;   
	height:54px;   
	width:166px;   
	float:left;
	display:block;
}
.menu4 a{   
	background:url("../images/menu4.png");   
	height:54px;   
	width:166px;   
	display:block;   
}  
.menu5	{
	background:url("../images/menu5.png") 0 -54px;   
	height:54px;   
	width:166px;   
	float:left;
	display:block;
}
.menu5 a{   
	background:url("../images/menu5.png");   
	height:54px;   
	width:166px;   
	display:block;   
}  
.menu6	{
	background:url("../images/menu6.png") 0 -54px;   
	height:54px;   
	width:166px;   
	float:left;
	display:block;
}
.menu6 a{   
	background:url("../images/menu6.png");   
	height:54px;   
	width:166px;   
	display:block;   
}  

.height-area	{
 /* Set rules to fill background */

}

#content{
	margin:0 auto;
	width:800px;
	position:relative;
		background:white;
}
.contents {
	
   z-index:-1;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	background:white;
}

.navigation{

    margin: 0px auto;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 1.4px;
}
.navigation .item{
    position:absolute;
}

.home{
/*
   top:50px;
   left:310px;
*/
    top:-100px;
    left:-100px;
}
.home h2{
    display:none;
}
.user{
/*
    top:125px;
    left:60px;
*/
    top:-100px;
    left:-100px;
}
.user h2{
    display:none;
}
.shop{
/*
   top:90px;
   left:575px;
*/
    top:-100px;
    left:-100px;
}
.shop h2{
    display:none;
}
.camera{
/*
   top:230px;
   left:785px;
*/
    top:-100px;
    left:-100px;
}
.camera h2{
    display:none;
}
.fav{
/*
   top:420px;
   left:900px;
*/
    top:-100px;
    left:-100px;
}
.fav h2{
    display:none;
}
a.icon{
    width:52px;
    height:52px;
    position:absolute;
    top:0px;
    left:0px;
    cursor:pointer;
}
.user a.icon{
    background:transparent url(../images/user.png) no-repeat 0px 0px;
}
.home a.icon{
    background:transparent url(../images/home.png) no-repeat 0px 0px;
}
.shop a.icon{
    background:transparent url(../images/shop.png) no-repeat 0px 0px;
}
.camera a.icon{
    background:transparent url(../images/camera.png) no-repeat 0px 0px;
}
.fav a.icon{
    background:transparent url(../images/fav.png) no-repeat 0px 0px;
}
.navigation .item a.active{
    background-position:0px -52px;
}
.item img.circle{
    position:absolute;
    top:0px;
    left:0px;
    width:52px;
    height:52px;
    opacity:0.1;
}
.item h2{
    position:absolute;
    width:147px;
    height:52px;
    color:#222;
    font-size:18px;
    top:0px;
    left:52px;
    text-indent:10px;
    line-height:52px;
    text-shadow:1px 1px 1px #fff;
    text-transform:uppercase;
}
.item h2.active{
    color:#fff;
    text-shadow:1px 0px 1px #555;
}
.item ul{
    list-style:none;
    position:absolute;
    top:60px;
    left:25px;
    display:none;
}

.item ul li a{
    font-size:13px;
    text-decoration:none;
    letter-spacing:1.8px;
    text-transform:uppercase;
    color:#555;
    padding:2px 0px 0px 3px;
    float:left;
    clear:both;
    width:100px;
    text-shadow:1px 1px 1px #fff;

}
.user ul li a:hover{
    color:#000;
    text-decoration:underline;
  	background:url(../images/arrow1.png);
	background-position:left;
	padding-left:15px;
	background-repeat:no-repeat;
	margin-left:-12px;
}
.home ul li a:hover{
    color:#000;
    text-decoration:underline;
  	background:url(../images/arrow2.png);
	background-position:left;
	padding-left:15px;
	background-repeat:no-repeat;
	margin-left:-12px;
}

.shop ul li a:hover{
    color:#000;
    text-decoration:underline;
  	background:url(../images/arrow3.png);
	background-position:left;
	padding-left:15px;
	background-repeat:no-repeat;
	margin-left:-12px;
}
.camera ul li a:hover{
    color:#000;
    text-decoration:underline;
  	background:url(../images/arrow5.png);
	background-position:left;
	padding-left:15px;
	background-repeat:no-repeat;
	margin-left:-12px;
}
.fav ul li a:hover{
    color:#000;
    text-decoration:underline;
  	background:url(../images/arrow4.png);
	background-position:left;
	padding-left:15px;
	background-repeat:no-repeat;
	margin-left:-12px;
}
#footer	{
	background:url(../images/footer_bg.png);
	height:23px;
}
#footer .inner	 {
	width:1000px;
	height:0px;
	margin-left:auto;
	margin-right:auto;
}
.copy 	 {
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
.header  .news	{
	width:230px;
	height:443px;
	position:absolute;
	background:url(../images/news_bg.png);
	z-index:4;


	
}
.news_content_area	{
	margin-top: 60px;
	width: 230px;
	height: 370px;
	position: absolute;
	overflow-y: hidden;
	z-index: 5;
	left: 1px;
	top: -1px;
}
.header .news2	{
	width:230px;
	height:436px;
	position:absolute;
	top:442px;
	background:url(../images/news_bg.png);
	z-index:4;
	overflow-y: hidden;
	
}
.header  .news .ico	{
	margin-left:4px;
	position:absolute;
}
.header .news2 .ico	{
	margin-left:4px;
	position:absolute;
}
.header   .news .news_content	{
	padding-left:8px;
	padding-right:7px;
	color:black;
	font-size:12px;
}
.header .news2 .news_content	{
	padding-left:8px;
	padding-right:7px;
	color:black;
	font-size:12px;
}
.header   .news .news_content span	{
	margin-left:5px;
}

.header .news2 .news_content span	{
	margin-left:5px;
}
.news_title	{
	position:absolute;
	top:0px;
	margin-left:4px;
	z-index:5;
}
.news_title2	{
	position:absolute;
	top:440px;
	margin-left:4px;
	z-index:5;
}
.news_title2a	{
	position:absolute;
	top:450px;
	margin-left:112px;
	z-index:5;
}
.news p.cont {

	width:190px;
	padding-left:19px;
	padding-right:19px;
	padding-top:5px;
	font-size:12px;
	color:back;
}
.news2 p.cont {
	width:190px;
	padding-left:19px;
	padding-right:19px;
	padding-top:5px;
	font-size:12px;
	color:back;
	font-weight: bold;
}
.news p.cont a	{
	text-decoration:none;
	color:#009900;
	

}
.news p.cont a:hover	{
	color:#00cc00;
	border-width:0px;
	font-weight:bold;
    border-bottom-width:1px;
    border-style:dotted;
}

.news2 p.cont a	{
	text-decoration:none;
	color:#009900;
	

}
.news2 p.cont a:hover	{
	color:#00cc00;
	border-width:0px;
	font-weight:bold;
    border-bottom-width:1px;
    border-style:dotted;
}

.oldsite	{
	position:absolute;
	top:600px;
	margin-left:876px;
	z-index:5;
	padding-left:20px;
	background:url(../images/oldsite_ico.png);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:11px;

}
.oldsite a	{
	color:#666;
}
.inner .title 	{
	z-index:-1;
	position:absolute;
margin-top:-150px;
	margin-left:700px;
}


.footer_menu	{
	
	font-size:12px;
}
.copy	{
	width:1000px;
	font-size:11px;
	color:#dedede;
	margin-left:auto;
	margin-right:auto;
}
.footer_menu li	{
	margin-top:18px;
	list-style-type:none;
	margin-left:30px;
	float:left;
}


.footer_menu li a	{
	color:white;
	text-decoration: none;
	text-shadow: -1px -1px 1px #000;
}

.footer_menu li a:hover	{
	text-decoration: doutted;
	border-bottom:1px dotted white;
}
.counter	{
	margin-top:-17px;
	float:right;
	vertical-align:top;
}

/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */


/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:600px; }
.headerimg { 	margin-top:-55px;background-position: center top; background-repeat: no-repeat; width:100%; height:880px; position:absolute; }

/* NAVIGATION */
#nav-outer { height:110px; padding-top:11px; position:relative; top:24px; background-image:url("../images/headerbg.png"); }
#navigation { height:100px; width:960px; margin:0 auto; background-image:url("../images/logo.png"); background-position:top left; background-repeat:no-repeat; }

/* SEARCH */
#search { background-color:#051733; float:right; width:220px; padding:10px; }
#searchtxt { padding:3px; width:150px; }
#searchbtn { border:1px solid #eee !important; background-color:#CD2B3A; color:#eee; padding:3px; margin-left:5px; }

/* MENU */
#menu { position:relative; top:85px; }
#menu ul { list-style:none; }
#menu ul li { display:inline; font-variant:small-caps; font-size:16px; }
#menu ul li a { color:white; text-decoration:none; font-weight:bold; padding-right:10px; }
#menu ul li a:hover { text-decoration:underline; }

/* HEADER TEXT */
#headertxt { width:960px; margin:0 auto; clear:both; position:relative; top:74px; }
#firstline { background-image:url("../images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:left; display:block; }
#secondline { background-image:url("../images/textbg.png"); color:#CD2B3A; text-decoration:none; font-size:60px; padding:0 13px 10px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#7F000C; }

.pictured { background-color:#CC3333; color:#FFF; font-size:4px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/btn_back.png"); }
#next { background-image:url("../images/btn_next.png"); }
#control { background-image:url("../images/btn_pause.png"); }

/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:560px; margin:0 auto; width:960px; }
#headernav { padding-left:864px; }

/* CONTENT */
#content { color:#575757; background-color:#eee; }
#content p { padding:10px 20px; font-size:15px; width:960px; margin:0 auto; }
#content p a { text-decoration:none; color:#CD2B3A; }
#content p a:hover { text-decoration:underline; color:#7F000C; }

.left	{
	float:left;
}

.right	{
	float:right;
}


.cir_2	{
	position:relative;
	left:60px;
	top:-58px;
}

.cir_2:not(:target){
	position:relative\0/IE9;
	left:60px\0/IE9;
	top:-52px\0/IE9;
}