/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, section, aside, nav, article {
display: block;
}

body {
line-height: 1;
background-color: #EBEBEB;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333;
font-size: 14px;
line-height: 18px;
border-collapse:collapse;

}
	
/* layout */

#wrapper {
width: 980px;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
border: 3px solid #888;
background: #fff;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

nav {
width: 980px;
height: 40px;
margin: 0 auto;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.50, #0a0f0b), color-stop(1.00, #0a0809));
background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6d7673,EndColorStr=#0a0809);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6d7673,EndColorStr=#0a0809)" 
}

#main {
width: 980px;
margin: 0 auto;

#background: #FFF url(images/colbg.png) repeat-y;
overflow: hidden;
}

#content {
float: left;
width: 680px; 
margin: 0 0 10px 0; 
padding: 10px 0px 0px 20px;
}
#contentMax {
float: left;
width: 940px; 
margin: 0 0 10px 0; 
padding: 15px 0px 0px 15px;
}
#sidebar {
float: right;
padding: 10px 20px 0px 20px;

width: 230px;
}

footer {
width: 980px;
margin: 0 auto;
clear: both;
}

/* basics */

h1,h2,h4,h5,h6 {
font-weight: bold;

color: #333;
}

h3 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 8px 10px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.50, #0a0f0b), color-stop(1.00, #0a0809));
background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6d7673,EndColorStr=#0a0809);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6d7673,EndColorStr=#0a0809)" 


}
a:link, a:visited {
color:#0000FF;
text-decoration: none;
}

a:hover, a:active {
color: #333;
}

p {
    font-size: 14px;

}

hr {
height: 2px;
color: #eee;
background-color: #eee;
margin: 10px 0
}

li {
padding-left: 5px;
    list-style-type: none;

}

/* nav */

nav {
margin: 0 auto;
display: block;
float: left;
margin-top: -4px;
}

nav .menu {
font-size: 16px;
font-weight: bold;
margin-left: 12px;
}

nav .menu ul {
list-style: none;
margin: 0;
}

nav .menu li {
float: left;
position: relative;
}

nav .menu a {
display: block;
text-decoration: none;
color: #FFF;
padding: 0 15px;
line-height: 40px;
}

nav .menu a:hover {
color: #ddd;
}

/* nav 1-level dropdowns */
nav .menu li ul { 
display: none;
z-index: 8888;
}

nav .menu ul li a {
display: block;
text-decoration: none;
color: #FFF;
margin-left: 1px;
white-space: nowrap;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #afbdc0), color-stop(0.50, #6d7673), color-stop(0.50, #0a0f0b), color-stop(1.00, #0a0809));
background: -webkit-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -moz-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -o-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: -ms-linear-gradient(top, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
background: linear-gradient(to bottom, #afbdc0 0%, #6d7673 50%, #0a0f0b 50%, #0a0809 100%);
/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6d7673,EndColorStr=#0a0809);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#6d7673,EndColorStr=#0a0809)" 

}
nav .menu ul li a:hover { 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #121212), color-stop(1.00, #808080));
background: -webkit-linear-gradient(#121212, #808080);
background: -moz-linear-gradient(#121212, #808080);
background: -o-linear-gradient(#121212, #808080);
background: -ms-linear-gradient(#121212, #808080);
background: linear-gradient(#121212, #808080);
/* IE5.5 - IE7 */
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#121212,EndColorStr=#808080);
/* IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#121212,EndColorStr=#808080)" 

}

nav .menu li:hover ul {
display: block;
position: absolute;
}

nav .menu li:hover li {
float: none;
}

nav .menu li:hover a { 
background: #555; 
}

nav .menu li:hover li a:hover { 
background: #555; 
}

/** HEADER */

header {
padding: 20px 0 0 0;
}

header>h1 {
float: left;
margin: 0 0 18px 10px;
font-size: 40px;
line-height: 36px;
}

header>h1 a:link, header>h1 a:visited {
color: #333;
font-weight: bold;
text-decoration: none;

}

header>h2 {
color: #777;
clear: right;
float: right;
font-style: italic;
font-size: 14px;
margin: 14px 10px 18px 0;
}

/** ARTICLES **/

article {
float: left;
#padding: 20px 10px 10px 10px;
width: 620px;
}

.featured {
width: 620px;
float: left;
margin-bottom: 10px;
background: #eee;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

article .featuredthumb {
float: left;
width: 200px;
height: 200px;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

article .featuredtitle {
float: right;
width: 400px;
font-size: 20px;
font-weight: bold;
line-height: 1.3em;
}

article .featuredstory {
float: right;
width: 400px;
}

article .thumb {
float: right;
width: 80px;
height: 80px;
/* curved border radius */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

article .title {
#float: left;
width: 500px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}



article .story {
float: left;
width: 500px;
font-size: 12px;
}

#content h1, h2, h3, h4, h5, h6 {
margin: 0 0 20px 0;
line-height: 1.5em;
}

.alignleft, img.alignleft {
display: inline;
float: left;
margin-right: 10px;
}

.alignright, img.alignright {
display: inline;
float: right;
margin-left: 10px;
}

.aligncenter, img.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}


/* sidebar and footer widget blocks */

.tabwidget {
width: 200px; 
font: 10px normal Verdana, Arial, Helvetica, sans-serif; 
}

ul.tabs {
margin: 0;
padding: 0;
float: left;
list-style: none;
height: 32px;
border-bottom: 1px solid #999;
border-left: 1px solid #999;
width: 100%;
}

ul.tabs li {
float: left;
margin: 0;
padding: 0;
height: 31px;
line-height: 31px;
border: 1px solid #999;
border-left: none;
margin-bottom: -1px;
background: #e0e0e0;
overflow: hidden;
position: relative;
}

ul.tabs li a {
text-decoration: none;
color: #000;
display: block;
font-size: 1.2em;
padding: 0 5px;
border: 1px solid #fff;
outline: none;
}

ul.tabs li a:hover {
background: #ccc;
}	

html ul.tabs li.active, html ul.tabs li.active a:hover  {
background: #efefef;
border-bottom: 1px solid #efefef;
}

.tab_container {
border: 1px solid #999;
border-top: none;
clear: both;
float: left; 
width: 100%;
margin-bottom: 20px;
background: #efefef;
-moz-border-radius-bottomright: 5px;
-khtml-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-khtml-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
}

.tab_content {
padding: 20px;
font-size: 1.2em;
line-height: 1.5em;
}

.tab_content ul {
list-style: none;
}

.tab_content h3 {
border-bottom: 1px dashed #03327d;
}

.tab_content a {
color: #0A50C0;
}

.tab_content a:hover, a:active {
color: #333;
}

.tab_content img {
float: left;
margin-right: 15px;
border: 1px solid #03327d;
padding: 5px;
}


.standard {
    border: 1px solid;
margin: 0 5px 20px 0;
}
    
aside .standard h3 {
font-size: 18px;
}

aside .standard ul {
list-style: square;
margin: -15px 0 15px 5px;
}

aside .standard .ads {
}
#footer-area {
background: #000;
color: #FFF;
font-size: 90%;
padding: 18px 0;
overflow: hidden;
/* curved border radius */
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
}

.footer-segment {
text-align: center;  
margin-right: 20px;
margin-left: 20px;
}

footer aside h4 {
color: #faf0e6;
font-size: 16px;
line-height: 1.5em;
}

footer ul {
list-style: none;
margin: -15px 0;
}

footer a:link, footer a:visited {
color: #ccc;
}

footer a:hover { 
text-decoration: underline; 
}

footer p {
margin-top: -15px;
color: #faf0e6;
}





.listBlock li a {
    text-decoration: none;
    list-style-type: none;
}
.listBlock li  {
height:25px;
margin: 10px;
    border-top:black 1px  dashed;
}


.listBlock li img {
height:25px;
}


.listBlock ul table  {
}

.listBlock .caption {
    border-left: 2px solid #BCBCBC;
    display: block;
    margin: 8px 0 7px;
    overflow: hidden;
    padding-left: 6px;
}
.listBlock .caption .capt {
    color: #0000FF;
    display: block;
    font-size: 14px;
    line-height: 1.35em;
}

.listBlock .innerLink {
    color: #999999;
    margin-left: 2px;
    vertical-align: top;
}

.rightlink {
text-align: right;  
    padding:10px;
}



.recommendBlock{min-width:480px;max-width:840px;margin:0 auto;}
.recommendBlock ul li{position:relative;padding: 10px;
    border-top:black 1px  dashed;
}
.recommendBlock ul li img{
    border:white 3px solid;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    margin:2px auto;
	float: left;
	padding: 5px;
	width:80px;
	}
.recommendBlock ul li span{
    padding: 10px;
    font-size:16px;
}
.recommendBlock ul li p{
   overflow: auto;
    padding: 10px;
}


.ninchiBlock{min-width:480px;max-width:840px;margin:0 auto;}
.ninchiBlock ul li{position:relative;border-top:black 1px  dashed; 
}
.ninchiBlock ul li img{
    border:white 3px solid;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    margin:2px auto;
	float: left;
	height :30px;
	width:30px;
	}
.ninchiBlock ul li p{
    font-size:16px;
    margin-top: 15px;
    margin-left: 60px;
}


div.clear{
	clear: both;
	margin: 0 0 10px 0;
}

.staffReccomendBlock{min-width:480px;max-width:840px;margin:0 auto;}
.staffReccomendBlock ul li{position:relative;border-top:black 1px  dashed; 
}
.staffReccomendBlock ul li img{
    border:white 3px solid;
    box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
    margin:2px auto;
	float: left;
	padding: 5px;
	height :50px;
	width:50px;
	}
.staffReccomendBlock ul li p{
    font-size:12px;
    margin-top: 10px;
    margin-left: 80px;
}



.b {
    border: 1px solid;
    margin: 0 5px 20px 0;
    width: 680px;
}
.bMax {
    border: 1px solid;
    margin: 0 5px 20px 0;
    width: 940px;
     position: relative;
}

.maxBox {
    border: 1px solid;
    margin: 0 5px 20px 0;
    width: 940px;
    overflow: hidden;

}
.maxSozaiBox{
    border: 1px solid;
    margin: 0 5px 20px 0;
    width: 940px;
    overflow: hidden;

}
.maxBox ul {
    width: 940px; /*右マージン含む子ボックス合計幅*/
    margin-right: -10px; /*親ボックスからのはみ出しぶんをずらしとく*/ 
}
.maxBox ul li{
    width: 160px;
    height: 180px;
    float: left;
    margin: 10px; 
    border: 1px solid;
}

.maxBox ul li img{
    margin: 3px; 
    float: left;
    height:100px; 
    width:80px; 
}
.maxBox ul li a{
    font-size:12px; 
    word-break: break-all;
}
.maxBox ul li p{
    clear:both;
    font-size:12px; 
}


.maxSozaiBox ul {
    width: 940px; /*右マージン含む子ボックス合計幅*/
    margin-right: -10px; /*親ボックスからのはみ出しぶんをずらしとく*/ 
}
.maxSozaiBox ul li{
    width: 130px;
    height: 90px;
    float: left;
    margin: 9px; 
    border: 1px solid;
}

.maxSozaiBox ul li img{
    margin: 3px; 
    float: left;


}
.maxSozaiBox ul li a{
    font-size:12px; 
    word-break: break-all;
}
.maxSozaiBox ul li p{
    clear:both;
    font-size:12px; 
}

.c {
    border: 1px solid;
    margin: 0 5px 20px 0;
    width: 680px;
    height:450px;
}
.cMax {
    padding: 10px;
    
}


#link {
	margin-bottom: 20px;
}

#tagcloud {
}


.st {
    clear: both;
    display: block;
    font-size: 14px;
    margin: 0 10px;
    text-align: left;  

}

.st p {
    margin: 0 0 1em;
    padding:5px 30px;
    font-size: 12px;
    
border: 1px solid #696;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #FFFFFF;behavior: url(js/pie/PIE.htc);
	    
	    /* curved border radius */
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;

}
.st p a {
    text-decoration: underline;
}



.st2 {

    margin: 0 auto;  
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: bold;
    text-align: left; 
        width:70%; 
        height:100%;
}
.st2 p {
    margin: 0 0 1em;
    padding:5px 30px;
    font-size: 16px;


border: 1px solid #696;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #FFFFFF;behavior: url(js/pie/PIE.htc);
	    
	    /* curved border radius */
-moz-border-radius-bottomright: 8px;
-moz-border-radius-bottomleft: 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;

}

.t {
    text-align: center;  


    margin: 2px 6px 4px 0;
}
.f {
    float: left;
    margin: 3px 50px 4px 0;
}


.top {
    text-align: center;  

    padding: 5px;
}




.recruitBlock{
}
.recruitBlock ul li{
    position:relative;
    margin: 10px;
    border-top:black 1px  dashed;
}
.aa{
    font-size: 12px;
float: right;

}
.bb{
    font-size: 12px;
    font-weight: bold;
float: left;

}
.cc{
    border-bottom:white 1px  solid;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;

}
.cc a:link{
    color: #0000FF;
    text-decoration : underline  ;
}
.dd{
    padding: 5px;

    border-bottom:white 1px  solid;

}
.ee{
    padding: 5px;

    border-bottom:white 1px  solid;
}


.tmtBox{
 position: relative;
    margin: 15px;
    width: 900px;
    height:550px;
    border:black 1px  solid;
}

.link {
    padding: 10px;
}

.reload {
    padding: 10px;
}

.tngsgsBox{
    margin: 20px;
    border:black 1px  solid;
    padding:50px;
}
.tngsgsTitle{
    margin-top: 15px;
    margin-left: 15px;
}
.tngsgsTango{
    margin-left: 15px;
    margin-bottom: 15px;
    font-size: 24px;
    text-decoration: underline;
}

#table {
display:table;

}
.row {
display:table-row;
padding:15px;
}
.row>div {
    font-size: 24px;

width:45px;
height:35px;
display:table-cell;
margin:15px;
padding:15px;
border:1px solid;
background-color:#eee;
}


.ieBlock{
    font-size: 24px;
    padding:10px;
    font-weight: bold;
    line-height: 26px;
}
.ieBlock a{
    padding:5px;
    text-decoration: underline;

}