/*
reset.css ver 1.0 [2008/5/22]
*This document validates as CSS level 3
*http://higash.net/20080522/reset_css.html
Modify YUI Reset CSS, YUI Fonts CSS
*Copyright (c) 2008, Yahoo! Inc. All rights reserved.
*http://developer.yahoo.com/yui/license.html
*/
html {color:#fff;}
body {font:12px/1.5 'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;margin:0;overflow:visible;padding:0;}
.clear {zoom: 1;}
.clear:after {content: ".";display: block;clear: both;height: 0;line-height: 0;visibility: hidden;overflow:hidden;font-size:0.1em;line-height:0;}
img {border: 0;}
*+html body {font-family:'メイリオ';font-size:75%;}
* html body {font-size:75%;}
a img, fieldset, img {border:0;}
img{vertical-align:top;}
a{text-decoration:none;}
blockquote, dd, div, dl, dt, fieldset, form,h1, h2, h3, h4, h5, h6, input, li, ol, p, pre,select, span, textarea, td, th, ul {margin:0;padding:0;}
abbr, acronym {border:0;}
address, caption, cite, code, dfn, em, th, strong, var {font-style:normal;font-weight:normal;}
caption, th {text-align:left;}
code, kbd, pre, samp, tt {font-family:monospace;line-height:100%;}
*+html code, kbd, pre, samp, tt {font-size:108%;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
input, select, textarea{font-size:100%;font-family:'Lucida Grande',Arial,Helvetica,Verdana,sans-serif;}
ol, ul {list-style:none;}
q:before, q:after {content:'';}
table {border-collapse:collapse;border-spacing:0;font-size:100%;}
body {font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",verdana, arial, "lucida grande", sans-serif;color: #000;line-height: 120%;}
html, body {
background: #000;
background-image:url(../img/common/background.jpg);
background-repeat:repeat-y;
background-position:center top;
}
body {font-size: 84.6%;line-height: 1.333;}
body, body a {color:#fff;}

#document{
width: 800px; margin: 0 auto;
}
#wrapper{}
#header{
height: 109px;
background-image: url(../img/common/header.jpg);
position: relative;
}
#header h1{
position: absolute:
left:5px; top:5px;
color: #333;
}

/*globalnav
-------------------------------------------------------------------*/
#globalnav{
background-image: url(../img/common/globalnav.jpg);
background-position:bottom;
background-repeat:repeat-x;
height: 38px;
}
#globalnav li{
float: left; display: inline;
}
#globalnav li a{
display: block;
width: 100px; height: 25px;
text-indent: -9999px;
}
#globalnav li.gnav1 a{background-image: url(../img/common/gnav01.jpg);}
#globalnav li.gnav2 a{background-image: url(../img/common/gnav02.jpg);}
#globalnav li.gnav3 a{background-image: url(../img/common/gnav03.jpg);}
#globalnav li.gnav4 a{background-image: url(../img/common/gnav04.jpg);}
#globalnav li.gnav5 a{background-image: url(../img/common/gnav05.jpg);}
#globalnav li.gnav6 a{background-image: url(../img/common/gnav06.jpg);}
#globalnav li.gnav7 a{background-image: url(../img/common/gnav07.jpg);}
#globalnav li.gnav8 a{background-image: url(../img/common/gnav08.jpg);}

#globalnav li.gnav1 a:hover{background-image: url(../img/common/gnav01_on.jpg);}
#globalnav li.gnav2 a:hover{background-image: url(../img/common/gnav02_on.jpg);}
#globalnav li.gnav3 a:hover{background-image: url(../img/common/gnav03_on.jpg);}
#globalnav li.gnav4 a:hover{background-image: url(../img/common/gnav04_on.jpg);}
#globalnav li.gnav5 a:hover{background-image: url(../img/common/gnav05_on.jpg);}
#globalnav li.gnav6 a:hover{background-image: url(../img/common/gnav06_on.jpg);}
#globalnav li.gnav7 a:hover{background-image: url(../img/common/gnav07_on.jpg);}
#globalnav li.gnav8 a:hover{background-image: url(../img/common/gnav08_on.jpg);}

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

/* contents
-------------------------------------------------------------------*/
#contents{
width: 790px;
padding:5px;
margin: 0 0 10px 0;
}
#col01{
width: 257px;
float: left; display: inline;
}
#col01 h2{
height: 35px; text-indent: -9999px;
margin-bottom: 10px;
}
#main{
width: 518px;
float: right; display: inline;
}
#main h2{
height: 35px;
text-indent: -9999px;
margin-bottom: 10px;
}
#pop{
	width:780px;
margin-bottom:10px;
margin-left:auto; margin-right:auto;
}
/*-----------------------------------------------------------------*/

/* footer
-------------------------------------------------------------------*/
#footer{
clear: both;
padding:20px;
}
#footer .section{
text-align:center;
font-size:12px;
}
#footer .section a{
color: #fff;
}
#footer .section a:hover{
text-decoration: underline;
color: #fff;
}
#footer .section .copyright{
margin: 10px auto 0 auto;
}
/*-----------------------------------------------------------------*/

.sidebn img{margin-bottom:10px;}

/* newstopics
/*-----------------------------------------------------------------*/
#newstopics1{
width: 254px;
margin-bottom: 10px;
}
#newstopics1 h2{background-image:url(../img/common/newstopics1.jpg);}
#newatopics1 .section{
}
#newstopics1 .section .row{
height: 500px;
overflow-y: scroll;
}
#newstopics1 .section .entry{
padding: 10px;
border-bottom: dotted 1px #ccc;
}
#newstopics1 .section .entry h3{
font-size: 92.4%;
margin-bottom: 5px;
font-weight: bold;
}
#newstopics1 .section .entry h3 .date{
margin-left: 19px;
}
#newstopics1 .section .entry h3 .title{
color:#f00;
}
#newstopics1 .section .entry .body{
line-height: 1.5;
font-size: 92.4%;
}
#newstopics1 .section .entry p.NewsStaffPhotoWrapper{
text-align: left;
}
#newstopics1 .section .entry p.NewsStaffPhotoWrapper a{
color: #f00;
}
#newstopics1 .section .entry p.NewsStaffPhotoWrapper a:hover{
color: #fff;
}
#newstopics1 .section .entry p.NewsStaffPhotoWrapper img{
width: 60px;
float: left; display: inline;
margin-bottom: 10px;
margin-right:10px;
}
/*-----------------------------------------------------------------*/

/* magazine
/*-----------------------------------------------------------------*/
#magazine{
margin-bottom: 10px;
}
#magazine h2{background-image:url(../img/common/magazine.jpg);}
#magazine .section{
background-image:url(../img/common/magazinesection.jpg);
width: 245px; height: 130px;
position:relative;
text-align:center;
font-weight:bold;
padding-top:10px;
}
#magazine .section iframe{
width:240px; height:60px;
position:absolute;
bottom:5px;
left:5px;
border:0;
}
/*-----------------------------------------------------------------*/

/* mobile
/*-----------------------------------------------------------------*/
#mobile{
margin-bottom: 10px;
}
#mobile h2{background-image:url(../img/common/mobile.jpg);}
#mobile .section{
background-image:url(../img/common/mobilesection.jpg);
text-align:center;
font-weight:bold;
padding:10px;
border:solid 1px #ccc;
}
#mobile .section img{margin-bottom:5px;}

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

/* other
/*-----------------------------------------------------------------*/
.other{}
.other #member h2{background-image:url(../img/subtitle/member.jpg);}
.other #system h2{background-image:url(../img/subtitle/system.jpg);}
.other #recruit h2{background-image:url(../img/subtitle/recruit.jpg);}
.other #link h2{background-image:url(../img/subtitle/link.jpg);}

.other .section{
padding: 5px 5px 5px 5px;
margin-top: 10px;
border: solid 1px #7B7B7B;
}
.other h3{
background-image:url(../img/worklist/date.jpg);
border-bottom: solid 2px #E5D9A5;
font-weight: bold;
color: #fff;
padding: 10px;
background-repeat: repeat-x;
margin-bottom:10px;
}
.other .subsection{
margin-top: 10px;
background-color: #222;
padding: 10px;
border: solid 3px #ccc;
color: #fff;
margin-bottom:10px;
}
.other .treatsection{
	margin-top: 10px;
	background-color: #000;
	padding: 10px;
	border: solid 3px #ccc;
	color: #EDC;
	background-image: url(../img/common/mobilesection.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.other .treatsection2{
	margin-top: 10px;
	background-color: #000;
	padding: 10px;
	border: solid 3px #ccc;
	color: #EDC;
	background-image: url(../img/common/mobilesection2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
.other p{
letter-spacing: 1px;
}
.other table{
border: solid 1px #ccc;
border-collapse: collapse;
margin-bottom:10px;
width:100%;
color:#ccc;
}
.other table th,.other table td{
border: solid 1px #ccc;
border-collapse: collapse;
padding: 10px;
text-align: left;
}
.other table th{
background-image:url(../img/subtitle/th.jpg);
background-repeat: repeat-x;
}
.other table th.s2{
background-image:url(../img/subtitle/th2.jpg);
background-repeat: repeat-x;
}
.other table td{
background-color:#000;
}
.other table tfoot td{
text-align: right;
background-color: #ccc;
}
.other input[type=text]{
width: 300px;
}
.other input[type=checkbox]{
margin-right: 5px;
}
.other textarea{
width: 300px; height: 100px;
}

#link p.bannner{
padding: 0 10px 10px 0 !important;
text-align: center;
}
#link p.bannner a{
display: inline-block;
margin: 10px 0 0 10px;
}
/*-----------------------------------------------------------------*/

/* classes
/*-----------------------------------------------------------------*/
.padtp10{padding-top:10px;}
.padtp5{padding-top:5px;}
.mgr0{margin-right:0px;}
.mgr3{margin-right:3px;}
.mgl10{margin-left:10px;}
.mgr10{margin-right:10px;}
.mgl15{margin-left:15px;}
.mgr15{margin-right:15px;}
.mgl20{margin-left:20px;}
.mgr20{margin-right:20px;}
.mgbt30{margin-bottom:30px;}
.mgbt20{margin-bottom:20px;}
.mgbt10{margin-bottom:10px;}
.mgbt5{margin-bottom:5px;}
.mgtp10{margin-top:10px;}
.mgtp5{margin-top:5px;}
.mgtp2{margin-top:2px;}
.fw-bold{font-weight:bold;}
.fc-black{color:#000000;}
.fc-red{color:#FF0000;}
.fc-blue{color:#0000FF;}
.fc-orange{color:#F90;}
.fc-green{color:#090;}
.fc-pink{color: #f69;}
.fs-10{font-size:10px !important;}
.fs-12{font-size:12px !important;}
.fs-14{font-size:14px !important;}
.fs-16{font-size:16px !important;}
.fs-18{font-size:18px !important;}
.fs-20{font-size:20px !important;}
.fs-24{font-size:24px !important;}
.ta-right{text-align:right;}
.ta-left{text-align:left;}
.ta-center{text-align:center;}
.flr{float:right; display:inline;}
.fll{float:left; display:inline;}
/*-----------------------------------------------------------------*/