@charset "UTF-8";
/* CSS Document */

body {
background-image : url(img/background.jpg);
font-family : "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
line-height : 18px;
color : #666666;
font-size : 12px;
}


a:link,　a:visited, a:active 
	{border:none;}
a:hover { border:none;}

#mainmenu {
margin : 0 auto;
width : 760px;
border : none;
}

#snsdmenu {
margin : 0 auto;
width : 760px;
border : none;
}

#menubar {
margin : 0 auto;
width : 600px;
}

#topbg{
width : 800px;
margin : 0 auto;
       }
	   
#center{
width: 800px;
background-image : url(menu/center.png);
background-repeat : repeat-y;
margin : 0 auto;
}

#iframe{
width: 720px;
margin : 0 auto;
}

#copyright{
width: 800px;
background-image : url(menu/center.png);
background-repeat : repeat-y;
margin : 0 auto; 
text-align : center;
font-size : 10px;
padding : 10px 0 0 0;
color : #666666;  
}

#fcon {
width : 720px;
margin : 0 auto;
padding: 10px 0 0 0;
line-height:20px;
}

#fcon img{
display:inline;
line-height:8px;
vertical-align:text-bottom;
}



#foot{
width : 800px;
margin : 0 auto;
       }

div#fcon a:link, div#fcon a:visited, div#footer a:active 
	{color: #666666; text-decoration: none; font-weight: normal; border:none;}
div#fcon a:hover { color: #cc0033; border:none;}

.notice_text{
line-height:15px;
}

.notice_text a:link, .notice_text a:visited, .notice_text a:active 
	{color: #FF0033; text-decoration: none; font-weight:bold;}
.notice_text a:hover { color: #666666;}   
	   
/*new_index*/	

#new_menu{
width: 210px;
margin : 0 auto;
padding-top:5px;
}
 
#main_con{
width: 760px;
margin : 0 auto;
}	  

#new_top{
width : 550px;
margin : 0 auto;
padding-top:5px;
       }
	   
#new_cen{
width: 550px;
background-image : url(new_img/cen_n.png);
background-repeat : repeat-y;
margin : 0 auto;
}

#new_foot{
width : 550px;
margin : 0 auto;
       }
	   
#new_iframe{
width: 550px;
margin : 0 auto;
}	   
	   
#new_copyright{
width: 550px;
background-image : url(new_img/cen_n.png);
background-repeat : repeat-y;
margin : 0 auto; 
text-align : center;
font-size : 10px;
padding : 10px 0 0 0;
color : #666666;  
}	

#new_fcon {
width : 520px;
margin : 0 auto;
padding: 10px 0 0 0;
line-height:20px;
}

#new_fcon img{
display:inline;
line-height:8px;
vertical-align:text-bottom;
}   

div#new_fcon a:link, div#new_fcon a:visited, div#new_fcon a:active 
	{color: #666666; text-decoration: none; font-weight: normal; border:none;}
div#new_fcon a:hover { color: #cc0033; border:none;}
	   	   
		   
#shoptop{
width: 180px;
margin : 0 auto;
padding-top:20px;
}		   

#shopcen{
background-image:url(new_img/bg_shopcen.png);
background-repeat:repeat;
width: 180px;
margin : 0 auto;
}	

#shopfoot{
width: 180px;
margin : 0 auto;
}	   

#link_img{
width: 160px;
margin : 0 auto;
padding-top:10px;
}	

#link_text{
width: 160px;
margin : 0 auto;
padding-top:12px;
font-size:11px;
line-height:14px;
}

#ad{
width: 160px;
margin : 0 auto;
padding-top:10px;
}	

#link_icon{
width: 170px;
margin : 0 auto;
padding-top:10px;
padding-bottom:10px;
}	   
		   
/*hello*/

#helloimg {
margin : 0 auto;
font-family:"Times New Roman", Times, serif;
padding: 30px 0 20px 0;
color : #3d5401;
font-size : 35px;
line-height:42px;
font-weight:bold;
text-shadow:0 -1px 1px rgba(0,0,0,0.1);
}

#hellotext{
width : 520px;
color : #666666;
font-size : 12px;
text-decoration : none;
padding : 0 0 10px 0;
margin : 0 auto;
line-height:30px;
}

#hellotitle{
width : 520px;
color : #666666;
font-size : 15px;
text-decoration : none;
padding : 50px 0 0 0;
margin : 0 auto;
font-weight:bold;
text-shadow:0 -1px 1px rgba(0,0,0,0.1);
}

#hellosign {
margin : 0 auto;
width : 520px;
padding : 0 0 20px 0;
}



/*work*/

#wimg {
width : 720px;
margin : 0 auto;
padding: 20px 0 0 0;
}

#wcon {
width : 720px;
margin : 0 auto;
padding: 0 0 10px 0;
}

#wcontext {
width : 720px;
margin : 0 auto;
padding: 0 0 10px 0;
}

#wphoto{
float:left;
margin: 10px 30px 10px 0;
}

#wtext{
margin-left : 150px;
}
 
.wtitle {
color : #13b1c9;
font-size : 13px;
font-weight : bold;
}

.wsub {
color : #cc0033;
font-size : 14px;
font-weight : bold;
padding : 0 0 0;
}
.wsubtext {
color : #999999;
font-size : 12px;
font-weight : bold;
padding : 0 0 0 10px;
}
.wlink a:link {
color : #666666;
text-decoration : none;
}
.wlink a:hover {
color : #ed1e79;
text-decoration : none;
}

#wmenu {
width : 720px;
margin : 0 auto;
padding: 10px 0 0 0;
}

div#wmenu a:link, div#wmenu a:visited, div#wmenu a:active 
	{color: #666666; text-decoration: none; font-weight: normal; border:none;}
div#wmenu a:hover { color: #cc0033; border:none;}

.w_text{
width:280px;
padding:10px 10px 10px 10px;
}


/*openWindow*/

#opentopbg{
width : 830px;
margin : 0 auto;
       }
	   
#opencenter{
width: 830px;
background-image : url(menu/opencenter.png);
background-repeat : repeat-y;
margin : 0 auto;
}

#opencopyright{
width: 830px;
background-image : url(menu/opencenter.png);
background-repeat : repeat-y;
margin : 0 auto; 
text-align : center;
font-size : 10px;
padding : 30px 0 0 0;
color : #666666;  
}

#openfoot{
width : 830px;
margin : 0 auto;
       }

#opencon{
width : 760px;
margin : 0 auto;
padding : 10px 0 20px 0;
}

#openphoto{
float : left;
width : 250px;
text-align : center;
padding : 10px 0 20px 0;
}

#subphoto{
float : left;
width : 150px;
text-align : center;
padding : 10px 0 20px 0;
}

#subtitle {
color : #cc0033;
font-size : 15px;
font-weight : bold;
padding : 30px 0 0 0;
}

#opentitle {
color : #cc0033;
font-size : 15px;
font-weight : bold;
padding : 30px 0 10px 0;
}

#opentext {
color : #666666;
font-size : 14px;
font-weight : bold;
padding : 10px 0 10px 0;
}

#subtopbg{
width : 600px;
margin : 0 auto;
       }
	   
#subcenter{
width: 600px;
background-image : url(menu/subcenter.png);
background-repeat : repeat-y;
margin : 0 auto;
}

#subcopyright{
width: 600px;
background-image : url(menu/subcenter.png);
background-repeat : repeat-y;
margin : 0 auto; 
text-align : center;
font-size : 10px;
padding : 30px 0 0 0;
color : #666666;  
}

#subfoot{
width : 600px;
margin : 0 auto;
       }
	
h2{
margin : 0 10px;
position : relative;
top : -7px;
font-size : 14px;
color : #cc0033;
}

h2 span{
background-color : #FFFFFF;
}
	
#subcon{
width : 540px;
margin : 0 auto;
padding : 10px 0 20px 0;
}

#subline{
width : 540px;
margin : 0 auto;
border:solid 1px #cc0033;
margin-bottom : 1em;
}

.subtext{
font-size : 12px;
padding : 10px 10px 10px 10px;
}

#subt {
width : 540px;
margin : 0 auto;
line-height : 30px;
}

#subdt {
width : 540px;
margin : 0 auto;
line-height : 30px;
}

#subdt dl{
margin-top : 10px;
margin-bottom : 10px;
}

#subdt dt{
float : left;
color : #00bbbb;
font-size : 12px;
font-weight : bold;
}

#subdt dd{
margin-left : 170px;
}

/*profile*/

#pimg {
width : 720px;
margin : 0 auto;
padding: 10px 0 10px 0;
}

#pflag {
width : 720px;
margin : 0 auto;
padding: 20px 0 0 0;
}

#pcon {
width : 720px;
margin : 0 auto;
padding: 5px 0 10px 0;
}

#pcontext {
width : 720px;
margin : 0 auto;
line-height : 30px;
padding: 0 0 20px 0;
}

.ptext {
color : #666666;
font-size : 12px;
text-decoration : none;
}

.plink {
color : #666666;
font-size : 12px;
text-decoration : none;
padding: 0 0 10px 0;
}
.plink a:link {
color : #666666;
text-decoration : none;
}

.plink a:hover {
color : #ff6670;
text-decoration : none;
}

dl{
margin-top : 10px;
margin-bottom : 10px;
}

dt{
float : left;
color : #00bbbb;
font-size : 12px;
font-weight : bold;
}

dd{
margin-left : 100px;
}

#entext {
width : 720px;
margin : 0 auto;
line-height : 30px;
padding: 0 0 20px 0;
}

#entext dl{
margin-top : 10px;
margin-bottom : 10px;
}

#entext dt{
float : left;
color : #00bbbb;
font-size : 12px;
font-weight : bold;
}

#entext dd{
margin-left : 175px;
}

/*access*/

#aimg {
width : 720px;
margin : 0 auto;
padding: 20px 0 10px 0;
}

#amap{
width: 740px;
margin : 0 auto;
padding: 0 0 20px 0;
}

#acon{
width: 740px;
margin : 0 auto;
padding: 0 0 20px 0;
}

.atitle {
color : #00bbbb;
font-size : 13px;
font-weight : bold;
}

#agoogle{
width: 740px;
margin : 0 auto;
padding: 0 0 20px 0;
}

/*shop*/

#shopimg {
width : 740px;
margin : 0 auto;
padding: 10px 0 20px 0;
}

#shopcon{
width: 740px;
margin : 0 auto;
padding: 0 0 20px 0;
}

.stitle {
color : #666666;
font-size : 13px;
padding-left : 8px;
}
.ssub {
color : #333333;
font-size : 11px;
font-weight : bold;
text-align : left;
}
.ssub2 {
color : #666666;
font-size : 11px;
text-align : left;
}
.sname {
color : #cc0033;
font-size : 12px;
}
.stext {
color : #666666;
font-size : 11px;
text-decoration : none;
}
.slist {
color : #666666;
font-size : 12px;
text-decoration : none;
text-align : right;
}
.slink {
color : #666666;
font-size : 12px;
text-decoration : none;
}
.slink a:link {
color : #666666;
text-decoration : none;
border:none;
}
.slink a:hover {
color : #00bbbb;
text-decoration : none;
border:none;
}
.shopsub {
color : #ff0000;
font-size : 12px;
text-align : left;
line-height : 30px;
}
.shoplink {
color : #666666;
font-size : 12px;
text-decoration : none;
}
.shoplink a:link {
color : #666666;
text-decoration : none;
border:none;
}
.shoplink a:hover {
color : #00bbbb;
text-decoration : none;
border:none;
}

/*recruit*/

#rconstaff {
width : 720px;
margin : 0 auto;
padding: 20px 0 10px 0;
}

#rimg {
width : 720px;
margin : 0 auto;
padding: 0 0 10px 0;
}

#rcon {
width : 720px;
margin : 0 auto;
padding: 10px 0 10px 0;
}

#rcontext {
width : 720px;
margin : 0 auto;
line-height : 30px;
}

.rtitle {
color : #ff6670;
font-size : 13px;
font-weight : bold;
padding: 0 0 5px 0;
}

.rtext {
color : #666666;
font-size : 12px;
text-decoration : none;
padding: 0 0 10px 0;
}

.rlink {
color : #666666;
font-size : 12px;
text-decoration : none;
padding: 0 0 10px 0;
border:none;
}
.rlink a:link {
color : #666666;
text-decoration : none;
border:none;
}
.rlink a:hover {
color : #cc0033;
text-decoration : none;
border:none;
}

#roffice {
width : 720px;
margin : 0 auto;
padding: 20px 0 10px 0;
}

#roffimg {
width : 720px;
margin : 0 auto;
padding: 0 0 10px 0;
}



/*Staff*/


#simg {
width : 720px;
margin : 0 auto;
padding: 10px 0 20px 0;
}

#sfromn {
width : 600px;
margin : 0 auto;
background-image : url(sub/n.png);
background-repeat : no-repeat;
padding : 0 0 20px 90px;
}

#sfromk {
width : 620px;
margin : 0 auto;
background-image : url(sub/k.png);
background-repeat : no-repeat;
padding : 0 0 20px 110px;
}

#sfromm {
width : 620px;
margin : 0 auto;
background-image : url(sub/m.png);
background-repeat : no-repeat;
padding : 0 0 50px 110px;
}

#sfroms {
width : 620px;
margin : 0 auto;
background-image : url(sub/s.png);
background-repeat : no-repeat;
padding : 0 0 60px 110px;
}

#scon {
width : 720px;
margin : 0 auto;
padding : 0 0 20px 0;
}

#scontext {
width : 720px;
margin : 0 auto;
}

.sq {
color : #0099cc;
font-size : 15px;
font-weight : bold;
}
.sqtitle {
color : #666666;
font-size : 14px;
font-weight : bold;
}
.sa {
color : #ff6670;
font-size : 15px;
font-weight : bold;
}
.sttext {
color : #666666;
font-size : 12px;
text-decoration : none;
padding-left : 18px;
}

/*School*/

#sccon {
width : 720px;
margin : 0 auto;
padding : 10px 0 10px 0;
}

#scimg {
width : 720px;
margin : 0 auto;
padding: 10px 0 10px 0;
}

.scttext {
color : #666666;
font-size : 14px;
font-weight : bold;
padding-left : 18px;
}

/*snsd*/

#sncon {
width : 750px;
margin : 0 auto;
padding : 10px 0 10px 0;
}


/* sidebar */

#sidelink{
border: 0px solid black;
position: fixed;
top: 0px;
right: 0px;
float: left;
width: 120px;
height: 150px;
background-color: transparent;
border:none;
}

#clear{
width: 120px;
height: 300px;
}


.outline{
border:solid 2px #FF1919;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}