@charset "utf-8";
/*   
Theme Name:DRAJ
Theme URI:
Description:DRAJ
Author:
Author URI:
Version:1.0
*/

/* ----- basic --------------------------------------------------------------------------------------------------------------------------------- */
body { margin:0; padding:0; background:#f3f4f8 url(img/background.gif) repeat-x left top; height:100%;
       font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
       font-size:12px; color:#555; }
html { height:100%; }
img {  border:none; }
a img { border:none; }
a, a:visited { color:#3776b5; text-decoration:none; outline:none; }
a:hover { color:#5bcc00; text-decoration:underline; }
p { margin:0 0 1em 0; padding:0; line-height:150%; }
ul { list-style-type:none; margin:0 0 1em 0; padding:0; line-height:0%; }
ul li { margin:0; padding:0; line-height:normal; zoom:1; }
ol { margin:0 0 1em 17px; padding:0; }
* html ol { margin:0 0 1em 23px; padding:0; }
ol li { margin:0; padding:0 0 5px 0; line-height:normal; }
h1,h2,h3,h4,h5,form,table,input,textarea,dl,dt,dd { margin:0; padding:0; }
table { border-collapse:collapse; border:0; margin:0 0 1em 0; font-size:12px; }
td,th { padding:12px 10px 8px; border:1px solid #bbb; }
th { font-weight:normal; background:#f7f7f7; }
input,textarea { font-size:100%; }
textarea { overflow:auto; }
blockquote { margin:0 0 1em 0; padding:35px 20px 0 20px; border:1px solid #ccc; background:#fafafa url(img/quote1.gif) no-repeat 10px 10px; }
blockquote p { margin:0 0 5px 0; }
.quote_bottom { height:30px; background:#fafafa url(img/quote2.gif) no-repeat right ; margin-right:-10px; }
.alignright { float:right; }
.alignleft { float:left; }
.clear { clear:both; }


/* ----- layout -------------------------------------------------------------------------------------------------------------------------------- */
#wrapper { width:954px; margin:0 auto 0; }
#container { background:url(img/side.gif) repeat-y left top; padding:0 0 60px 0; }

/* ----- footer -------------------------------------------------------------------------------------------------------------------------------- */
#footer { background:url(img/footer.gif) no-repeat left top; margin:0; height:61px; position:relative; padding:0 0 50px 0; }
#copyright { position:absolute; left:30px; top:28px; line-height:0%; width:191px; height:7px; }
#footer ul { margin:0; padding:0; position:absolute; right:20px; top:23px; }
#footer ul li { float:left; display:inline; margin:0 0 0 0px; }

/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header { position:relative; height:437px; position:relative; background:url(img/index_main.jpg) no-repeat left bottom; }
#logo a { text-indent:-9999px; background:url(img/logo.gif) no-repeat left top; width:407px; height:49px; position:absolute; left:30px; top:67px; display:block; }
#header_menu { position:absolute; right:9px; top:80px; }
#header_menu li { display:inline; float:left; }
#global_menu { margin:0 0 0 2px; }
#global_menu li { display:inline; float:left; margin:0; }

#index_left_col { float:left; display:inline; margin:25px 0 25px 37px; }
#index_headline1 { margin:0 0 30px 0; }

#index_left_col ul { margin:10px 0 0 0; padding:0 0 0 0; }
#index_left_col li { margin:0 0 12px 0; padding:0 0 12px 0; background:url(img/dot1.gif) repeat-x left bottom; line-height:140%; }
#index_left_col span { width:48px; float:left; padding:0 0 0 5px; }
#index_left_col li a,#index_left_col li a:visited { background:url(img/arrow1.gif) no-repeat 32px 5px; width:490px; padding:0 0 0 46px; float:left; display:block; color:#666;  }
#index_left_col li a:hover { color:#0087d4; }

#index_right_col { width:261px; float:right; display:inline; margin:25px 37px 0 0; }
#index_right_col p { font-size:11px; padding:0 5px; }
#side_banner1 { float:left; }
#side_banner2 { float:right; }
#side_banner_wrap li { display:block; vertical-align:top; margin:10px 0; }

/* ----- left_col ------------------------------------------------------------------------------------------------------------------------------ */
#left_col { float:left; display:inline; margin:25px 0 25px 37px; }

/* ----- right_col ----------------------------------------------------------------------------------------------------------------------------- */
#right_col { background:url(img/side_menu_top.gif) no-repeat left top; padding:42px 0 0 0; width:212px; display:inline; float:right; margin:25px 37px 0 0; }
#side_menu { margin:0; background:url(img/side_menu_bottom.gif) no-repeat left bottom; padding:0 0 7px 0; width:212px; }
#side_menu li { margim:0; padding:0; line-height:0%; vertical-align:top; display:block; }
#side_menu li img { vertical-align:top; }
#side_menu  ul { margin:0; padding:0; }


/* ----- page ---------------------------------------------------------------------------------------------------------------------------------- */
.page { width:638px; }
.page h2 { margin:0 0 20px 0; font-size:14px; font-weight:normal; }
.page h2.headline { background:url(img/headline_back.gif) no-repeat left bottom; padding:15px 20px 7px; font-size:12px; }
.page h2.headline_top { background:url(img/headline_back.gif) no-repeat left bottom; padding:0px 20px 7px; font-size:12px; }
.page h3 { font-size:12px; margin:0 0 10px 0; }
.page a { text-decoration:underline;}
.page p { line-height:190%; margin:0 0 20px 0; }
.page ul { margin:0 0 20px 0; }
.page li { background:url(img/bullet2.gif) no-repeat left 5px; padding:0 0 0 10px; margin:0 0 15px 0; }
.square li { background:url(img/bullet1.gif) no-repeat left center; padding:0 0 0 15px; margin:0 0 15px 0; }
.page dt { margin:15px 0 0 0; }
.page dd { margin:5px 0 5px 5px; background:url(img/bullet2.gif) no-repeat 5px 6px; padding:0 0 0 15px; }
.member_list { margin:0 0 10px 0; }
.member_list img { border:1px solid #ccc; padding:3px; float:left; display:inline; margin:0 15px 0 0; }
.member_list ul { float:left; margin:0; }
.member_list li { background:none; line-height:190%; }
.member_list h3 { margin:0 0 10px 0; }
#glossary { margin:20px 0; }
#glossary h3 { color:#3776b5; background:url(img/glossary_back.gif) repeat-x left top; padding:14px 33px; margin:0 0 5px 0; font-weight:normal; }
.glossary_p { margin:0 0 30px 33px; }
#sitemap ul { margin:10px 0 0 10px; }
#sitemap ul li { margin:0 0 10px 0; }

/* ----- archive/category/tag/search/ ---------------------------------------------------------------------------------------------------------- */
.archive_title { font-weight:normal; font-size:12px; padding:13px 20px; height:17px; margin:0 0 15px 0; }
.archive_contents { margin:0 0 50px 0; }

#archive ul { margin:10px 0 0 0; padding:0 0 0 0; }
#archive li { margin:0 0 12px 0; padding:0 0 12px 0; background:url(img/dot1.gif) repeat-x left bottom; line-height:140%; }
#archive span { width:48px; float:left; padding:0 0 0 5px; }
#archive li a,#archive li a:visited { background:url(img/arrow1.gif) no-repeat 32px 5px; width:490px; padding:0 0 0 46px; float:left; display:block; color:#666;  }
#archive li a:hover { color:#0087d4; }

/* ----- single -------------------------------------------------------------------------------------------------------------------------------- */
#single .single_title { display:block; font-size:14px; font-weight:normal; padding:0 0 0 0; margin:10px 0 0 0; }
.single_date { font-size:11px; color:#6668; padding:0 0 10px 0; dispaly:block; background:url(img/dot1.gif) repeat-x left bottom; }

/* ----- page navi ----------------------------------------------------------------------------------------------------------------------------- */
#page_navi { }
ul.page-numbers { padding:15px 0 0 0; background:url(img/page_navi.gif) no-repeat left top; margin:0 0 0 0; }
ul.page-numbers li { line-height:0%; display:inline; padding:0; margin:0; font-size:11px; }
ul.page-numbers a, ul.page-numbers a:visited, ul.page-numbers a:hover, ul.page-numbers span.current,
ul.page-numbers span.pages, ul.page-numbers span.extend, ul.page-numbers span.current, ul.page-numbers span.dots
 { color:#666; padding:3px 7px 0 9px; line-height:20px; margin:0 12px 0 0; display:inline; float:left; text-align:center; border:1px solid #bbb; }
ul.page-numbers a:hover { background:#eee; border:1px solid #bbb; color:#666; text-decoration:none; }
ul.page-numbers span.current { background:#555; border:1px solid #555; color:#fff; }

/* ---------- clearfix hack ---------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */