@charset "utf-8";

/** Style Information
 * @ Style Name: Layout Css
 * @ Style Place: /css/layout.css
 * @ Create Author: nakachi
 * @ Create Date: 2010.05.01
 * @ LastUp Date: 2010.05.18
 */

/** INDEX
 * @ HTML5 Reset Style
 * @ YUI RESET
 * @ Define
 * @ Body
 * @ Menu
 * @ Layout Common
 */
 
/**************************************************
 @ HTML5 Reset Style
 @ html5doctor.com Reset Stylesheet v1.4.1
 @ 2010-03-01
 @ Author: Richard Clark - http://richclarkdesign.com
 **************************************************/
html,body,div,span,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
abbr,address,cite,code,
del,dfn,em,img,ins,kbd,q,samp,
small,strong,sub,sup,var,
b,i,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section,summary,
time,mark,audio,video{
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body{line-height:1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
nav ul,ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before,blockquote:after,q:before, q:after{
content:'';
content:none;
}
a{
margin:0;
padding:0;
border:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}
mark{
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del{text-decoration: line-through;}
table{
border-collapse:collapse;
border-spacing:0;
}
hr{
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select{vertical-align:middle;}

/**************************************************
 @ Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 @ Code licensed under the BSD License:
 @ http://developer.yahoo.com/yui/license.html
 @ version: 2.8.1
 **************************************************/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}

/**************************************************
 @ Define
 **************************************************/
a{color:#000;}
a:hover{
background:#ff0;
text-decoration:none;
}
abbr{border-bottom:0px;}

/**************************************************
 @ Body
 **************************************************/
body{
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
font-size:80%;
letter-spacing:1px;
line-height:1.6;
}

/**************************************************
 @ Menu
 @ Header Menu
@ Global Menu
@ Footer Menu
 **************************************************/
/* @ Header Menu */
#hMenu{
float:right;
margin-bottom:21px;
width:272px;
height:12px;
background:url(/imgs/lib/hmenu.gif) no-repeat 0 0;
_font-size:7px;
}
#hMenu li{float:left;}
#hMenu a{
display:block;
height:12px;
text-indent:-5000px;
}
#hMenu01 a{
margin:0 36px 0 16px;
width:76px;
background:url(/imgs/lib/hmenu.gif) no-repeat -16px -12px;
}
#hMenu02 a{
margin-right:35px;
width:34px;
background:url(/imgs/lib/hmenu.gif) no-repeat -128px -12px;
}
#hMenu03 a{
width:75px;
background:url(/imgs/lib/hmenu.gif) no-repeat -197px -12px;
}
#hMenu01 a:hover{background-position:-16px -24px;}
#hMenu02 a:hover{background-position:-128px -24px;}
#hMenu03 a:hover{background-position:-197px -24px;}

/* @ Global Menu */
#gMenu{
clear:right;
float:right;
width:668px;
height:27px;
background:url(/imgs/lib/gmenu.gif) no-repeat 0 0;
}
#gMenu li{float:left;}
#gMenu a{
display:block;
height:27px;
text-indent:-5000px;
}
#gMenu01 a{
margin-right:18px;
width:126px;
background:url(/imgs/lib/gmenu.gif) no-repeat 0 -27px;
}
#gMenu02 a{
margin-right:18px;
width:109px;
background:url(/imgs/lib/gmenu.gif) no-repeat -144px -27px;
}
#gMenu03 a{
margin-right:18px;
width:89px;
background:url(/imgs/lib/gmenu.gif) no-repeat -271px -27px;
}
#gMenu04 a{
margin-right:18px;
width:109px;
background:url(/imgs/lib/gmenu.gif) no-repeat -378px -27px;
}
#gMenu05 a{
margin-right:17px;
width:74px;
background:url(/imgs/lib/gmenu.gif) no-repeat -505px -27px;
}
#gMenu06 a{
width:72px;
background:url(/imgs/lib/gmenu.gif) no-repeat -596px -27px;
}
#gMenu01 a:hover{background-position:0 -54px;}
#gMenu02 a:hover{background-position:-144px -54px;}
#gMenu03 a:hover{background-position:-271px -54px;}
#gMenu04 a:hover{background-position:-378px -54px;}
#gMenu05 a:hover{background-position:-505px -54px;}
#gMenu06 a:hover{background-position:-596px -54px;}
#gMenu01On a{
margin-right:18px;
width:126px;
background:url(/imgs/lib/gmenu.gif) no-repeat 0 -54px;
}
#gMenu02On a{
margin-right:18px;
width:109px;
background:url(/imgs/lib/gmenu.gif) no-repeat -144px -54px;
}
#gMenu03On a{
margin-right:18px;
width:89px;
background:url(/imgs/lib/gmenu.gif) no-repeat -271px -54px;
}
#gMenu04On a{
margin-right:18px;
width:109px;
background:url(/imgs/lib/gmenu.gif) no-repeat -378px -54px;
}
#gMenu05On a{
margin-right:17px;
width:74px;
background:url(/imgs/lib/gmenu.gif) no-repeat -505px -54px;
}
#gMenu06On a{
width:72px;
background:url(/imgs/lib/gmenu.gif) no-repeat -596px -54px;
}

/* @ Footer Menu */
#fMenu{
float:left;
margin-left:-1px;
padding:10px 19px;
width:860px;
background:#fff;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}
#fMenu a{text-decoration:none;}
#fMenu ul{
float:left;
padding-right:10px;
width:162px;
}
#fMenu ul li{
padding-left:15px;
background:url(/imgs/lib/ls_fmenu01.gif) no-repeat 0 2px;
}
#fMenu ul li ul li{
margin-left:-15px;
*margin-left:0px;
background:url(/imgs/lib/ls_fmenu02.gif) no-repeat 0 2px;
}

/**************************************************
 @ Layout Common
 @ Header
@ Container
@ SideBar
@ Footer
 **************************************************/
/* @ Header */
#header{
width:100%;
height:121px;
border-top:3px solid #08d;
border-bottom:1px solid #e6e6e6;
}
#headerInner{
margin:0 auto;
padding-top:30px;
width:900px;
}
#heaaderContents{
float:right;
width:668px;
}

/* @ Container */
#container{
float:left;
width:100%;
background:url(/imgs/lib/bg_container.gif) repeat 0 0;
}
#wrapper{
margin:0 auto;
padding-top:20px;
width:898px;
background:#fff;
border-left:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
}
#mainContents{
margin:0 auto;
width:860px;
}
#contents{
float:left;
width:630px;
}
#pageTop{
clear:both;
margin-bottom:30px;
padding-top:100px;
height:14px;
*height:28px;
text-align:right;
}
#pageTop a{
padding-left:18px;
background:url(/imgs/lib/ls_pagetop.gif) no-repeat 0 0;
text-decoration:none;
}
#pageTop a:hover{background:#ff0 url(/imgs/lib/ls_pagetop.gif) no-repeat 0 0;}

/* @ SideBar */
#sideBar{
float:right;
padding-top:3px;
width:210px;
background:url(/imgs/lib/bg_side.gif) no-repeat 0 0;
border-collapse:collapse;
}
#sideBar h3{
padding:3px 0 3px 15px;
border:1px solid #e6e6e6;
background:#f6f6f6 url(/imgs/lib/ls_sideh3.gif) no-repeat 0 6px;
color:#08d;
}
#sideBar ul{margin-bottom:30px;}
#sideBar li{
padding:5px 0 5px 10px;
background:url(/imgs/lib/ls_side.gif) no-repeat 0 7px;
_background:url(/imgs/lib/ls_side.gif) no-repeat 0 10px;
border-bottom:1px dashed #e6e6e6;
line-height:1.1;
}
#sideBar li a{text-decoration:none;}
#sideBar li a.sideOn{background:#ff0;}
#sideBar select{
margin-bottom:30px;
width:210px;
}
#sideBar .bannerFirst{margin-bottom:30px;}
#sideBar .banner{
margin-bottom:30px;
padding-top:3px;
background:url(/imgs/lib/bg_side.gif) no-repeat 0 0;
}
#sideBar .bannerPowerd a:hover{background:none;}

/* @ Footer */
#footer{
clear:both;
padding:5px 0 50px 0;
width:100%;
border-top:1px solid #e6e6e6;
}

/**************************************************
 @ Layout Parts
 @ Logo
@ Page Title
@ Topics Path
@ Copyright
 **************************************************/
/* @ Logo */
#logo{float:left;}
#logo a{
display:block;
width:165px;
height:65px;
background:url(/imgs/lib/logo.jpg) no-repeat 0 0;
text-indent:-5000px;
}

/* @ Page Title */
#ttlPage{
margin-bottom:20px;
font-size:200%;
font-weight:normal;
line-height:1;
}
#ttlPage span{
background:#ff0;
vertical-align:text-bottom;
}

.abstImg{margin-bottom:20px;}

/* @ Contents h3 */
#contents h3{
margin-bottom:10px;
padding-left:5px;
border-left:5px solid #08d;
color:#08d;
font-size:150%;
line-height:1;
}

/* @ Topics Path */
#topicPath{
clear:both;
padding:0 20px;
background:#f6f6f6;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
}
#topicPath span{color:#08d;}

/* @ Copyright */
#copyright{
margin:0 auto;
width:900px;
font-size:85%;
font-weight:bold;
}