@charset "utf-8";

/* ---------------------------------------------------
01: Setup
02: CSS Hack
03: Basic
04: Menu
05: Main Contents
--------------------------------------------------- */

/* 01: Setup
--------------------------------------------------- */
* { margin: 0; padding: 0; background-repeat: no-repeat; background-position: 0 0; text-align: left; line-height: 1; }
body { color: #333; font-size: small; font-family: "Hiragino Kaku Gothic Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro W4", "MS PGothic", sans-serif; background: #ffffff; text-align: center; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
ul, ol, dl, li, dt, dd { list-style: none; }
table { border-collapse:collapse; border-spacing: 0; }
th { font-weight: normal; }
th, td { vertical-align: top; }
a,img { border: 0; }
strong { font-weight: normal; }
em, address { font-style: normal; }
input, button { text-align: center; line-height: normal; }

a { color: #666; text-decoration: none; }
a:hover { color: #333; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 02: CSS Hack
--------------------------------------------------- */
/* floating box clear */
.clr:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; }


/* 03: Basic
--------------------------------------------------- */
.left { float: left; padding-right: 25px; }
.right { float: right; padding-left: 25px; }

.home #contents .left { float: left; padding-right: 0; }
.home #contents .right { float: right; padding-left: 0; }

body { background:#eee; }
#wrapper { width: 762px; height:100%; margin:0 auto; padding:45px; text-align: left; background:#fff; border-left:#ddd 1px solid; border-right:#ddd 1px solid;}
#header { width: 760px; border-bottom:#ccc 2px solid; }
h1#logo a { display: block; background: url(../img/logo.gif) no-repeat 0 0; width: 500px; height: 60px; margin:15px 131px 30px; }
#contents { width: 700px; margin:30px 30px 15px; }
#footer { width: 760px; border-top:#ccc 2px solid; }
#footer p { font-size:11px; text-align: center; padding-top:30px; }
.page_top { width:700px; margin-top:30px; padding-bottom:10px; }
.page_top a { float:right; display: block; width:68px; height:10px; background: url(../img/btn_pagetop.gif) 0 0 no-repeat; border-bottom:none; }

#menu { width: 760px; margin-bottom: 20px; }
#menu ul { border-bottom:#ccc 1px solid; height: 1em; background:#fff; padding: 10px 30px; }
#menu li { float: left; border-left:#333 5px solid; padding-left: 8px; margin-right:45px; }
#menu a { display: block; font-weight: bold; }

h2 { font-size:18px; font-weight:bold; margin-bottom:20px; line-height: 25px; border-left:#333 5px solid; padding-left: 10px;}
.topic h2 { margin-bottom:10px; }
h3 { font-size:15px; font-weight:bold; line-height: 25px; margin:40px 0 20px; padding-bottom:5px; border-bottom:#ccc 1px solid; }
.topic h3 { font-size:18px; margin:0 0 15px; padding-bottom:0; border-bottom:0; }
.topic h3 a { color:#333; text-decoration: none; line-height: 25px; }
.topic h3 a:hover { color:#666; text-decoration: none;}
h4 { font-weight: bold; margin:20px 0 10px; line-height: 1.5em; }
hr { border:0; border-bottom:#ccc 1px solid; margin:15px 0 30px; }
#contents p { margin-bottom:20px; line-height: 1.5em; }
#contents p a {  border-bottom:#666 1px dotted; line-height: 1.5em; }
.topic { margin:30px 0; }
.headline { margin-bottom:20px; }
.info { width: 410px; }
.finish { color: #c00; font-size:x-small; }
dl {  }
dt { font-weight:bold; line-height:1.5em; }
dd { margin-bottom:10px; line-height:1.5em; }
dl.media dt a { font-weight:bold; line-height: 25px; }
dl.media dd { margin-bottom:20px; line-height:1.5em; }
strong { font-weight: bold; line-height: 20px; }
.profile { margin-bottom:20px; }
.profile img { margin-bottom:10px; }
.profile .photo { float: left; width:120px; padding-rifht:20px; }
.profile .credit { font-size:10px; }
.profile .text { float: right; width:560px; }

.entry { margin-top: 30px; padding: 20px 25px 5px 25px; background: #f3f3f3; border: 1px solid #ccc; }