/*
Theme Name: Freebie Template - Cosme ver.1
Theme URI: http://www.freebie-ac.com/
Author: acworks
*/

@charset "utf-8";

/**
 * reset
 */
*{ margin:0px; padding:0px;}
a img{ border:none; background:none;}
table{ border:0;}
p,ul,li,dt,dd,dl,h1,h2,h2,h3,h4,h5,h6,body{ margin:0; padding:0;  font-weight:normal;}
em,strong{ font-weight:normal; font-style:normal;}
ul,li{ list-style-type:none;}
a:link, a:visited, a:active{ color:#A41367;}
a:hover{ color:#BC518F;}
body{ color:#666; font-size:14px; line-height:1.5; background:url(images/tmp_body_bg.png) 0 0 repeat-x; font-family: "メイリオ", Meiryo,"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;}



/**
 * clearfix
 */
.cf:after{ content: "."; display:block; clear:both; height:0; visibility:hidden;}
.cf{ min-height:1px;}
* html .cf { height:1px; /*\*//*/ height: auto; overflow: hidden; /**/}



/**
 * tmplate
 */
div#illustBg{ background:url(images/tmp_illust_back.png) 38% 50px no-repeat; z-index:2; position:relative;}
div#illustFront{ background-image:url(images/tmp_illust_front.png); background-repeat:no-repeat; z-index:3; width:894px; height:310px; position:absolute; top:-30px; left:50%; margin-left:-580px;}
div#header div#headerWrap{ width:790px; margin:0 auto;}
div#header ul#menu{ margin:0 0 0 80px;}
div#header ul#menu li{ float:left; height:42px; margin-right:1px; background:url(images/tmp_head_menu_bg.gif) 0 0 repeat-x; width:110px;}
div#header ul#menu a{ display:block; text-align:center; color:#fff; padding:9px; text-decoration:none;}
div#header div#logo{ margin-top:40px; height:85px;}
div#header div#logo div#img{ float:left; margin:3px 5px 0 0;}
div#header div#logo div#txt{ float:left; line-height:1.2; color:#03014E;}
div#header div#logo h1{ font-size:45px;}
div#header div#logo h1 span{ color:#A68B44;}
div#header div#logo h1 a{ color:#A68B44; text-decoration:none;}
div#header div#logo em{ font-size:12px; letter-spacing:2.8px;}
div#header div#logo p{ float:left; color:#A68B44; margin:30px 0 0 50px;}
div#contentsWrap{ width:900px; border:3px solid #A68B44; margin:0 auto 20px auto; background:url(images/tmp_contents_bg.gif) 50% 0 repeat-y;}
div#contents{ width:650px; float:left;}
div#sidebar{ width:250px; float:right; background:#FAF2D9;}
div#sidebar div#searchbox{ background:#E4D6AD; padding:5px 0; color:#A98C44;}
div#sidebar div#searchbox .searchInput{ float:left; margin:5px 0 0 5px; font-size:12px;}
div#sidebar div#searchbox .searchInput input{ width:150px; border:1px solid #AA8B46;}
div#sidebar div#searchbox .searchBt{ float:left;}
div#sidebar div#sidebarSpace{ padding:20px 10px;}
div#sidebar div#sidebarSpace h3{ font-weight:bold; font-size:14px; color:#A98C44; margin-bottom:10px;}
div#sidebar div#profile img.photo{ float:left; margin-right:10px;}
div#sidebar div#profile div{ font-size:14px; font-weight:bold; margin-bottom:20px;}
div#sidebar div#profile ul{ font-size:12px; line-height:1.4; background:url(images/tmp_prof_comment.png) 50% 100% no-repeat; padding-bottom:20px;}
div#sidebar div#profile p{ border-bottom:2px solid #AA8B46; border-left:2px solid #AA8B46; border-right:2px solid #AA8B46; background:#fff; padding:10px; font-size:13px; margin-bottom:20px;}
div#sidebar ul#featuredList{ line-height:1.8; margin-bottom:20px;}
div#sidebar ul#featuredList li{ background:url(images/tmp_icon_article.png) 0 3px no-repeat; padding-left:30px;}
div#sidebar ul#categoryList{ line-height:1.8; margin-bottom:20px;}
div#sidebar ul#categoryList li{ background:url(images/tmp_icon_dir.png) 0 3px no-repeat; padding-left:30px;}
div#sidebar ul#archiveList{ line-height:1.8; margin-bottom:20px;}
div#sidebar ul#archiveList li{ background:url(images/tmp_icon_dir.png) 0 3px no-repeat; padding-left:30px;}
div#sidebar ul#snsList{ text-align:right;}
div#sidebar ul#snsList li{ display:inline;}

div#footer{ background:url(images/tmp_footer_bg_loop.gif) 0 100% repeat-x; height:300px;}
div#footerBg{ background:url(images/tmp_footer_bg.png) 20% 100% no-repeat; height:300px;}
div#copy{ width:900px; margin:0 auto; color:#fff; text-align:right; font-size:12px; padding-top:270px;}
div#copy a{ color:#fff; font-size:10px;}


/*
	Slideshow
*/
div#slides{ margin:20px auto 0 auto; width:558px; height:280px; z-index:0; position:relative;}
div#slides .slides_container div{ width:558px; height:280px; display:block;}
.pagination { margin:8px 5px 0 0;}
.pagination li { float:right; margin:0 1px; list-style:none;}
.pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(images/pagination.png); background-position:0 0; float:left; overflow:hidden;}
.pagination li.current a { background-position:0 -12px;}


/**
 * article
 */
div#articleArea{ margin-top:20px; padding:20px 20px 0 20px;}
div#articleArea div.box{ background:url(images/tmp_article_bg.png) 0 0 no-repeat; border-bottom:1px dotted #ccc; margin-bottom:20px;}
div#articleArea div.box h2{ padding:0 0 0 60px; font-size:20px; font-weight:bold; color:#A68B44;}
div#articleArea div.box dl{ padding:0 0 0 60px; font-size:12px;}
div#articleArea div.box dt{ display:inline;}
div#articleArea div.box dd{ display:inline; margin-right:10px;}
div#articleArea div.box div.articleBody{ padding:20px 0 30px 20px;}
div#articleArea div.box div.articleBody p{ margin-bottom:20px;}
div#articleArea div.box ul.cf{ font-size:12px; float:right;}
div#articleArea div.box li{ float:left; margin-left:10px;}
div#articleArea div.box li.tag{ background:url(images/tmp_icon_article.png) 0 0 no-repeat; padding-left:22px;}
div#articleArea div.box li.comment{ background:url(images/tmp_icon_comment.png) 0 0 no-repeat; padding-left:30px;}

div#articleArea div#comments h3{ color:#A68B44; font-size:14px; padding:8px; margin-bottom:8px; border:1px solid #ccc;}
div#articleArea p.logged-in-as{ margin:0 0 0 0;}

/**
 * gallery
 */
div#cornerTitle{ padding:20px;}
div#cornerTitle h2{ background:#E5F5F8; padding:8px; border-left:5px solid #A68B44; border-bottom:1px solid #A68B44; color:#A68B44; font-weight:bold; font-size:14px; margin-bottom:20px;}
div#gallery{ margin-bottom:20px;}
div#gallery li{ float:left; width:33%; text-align:center; margin-bottom:10px;}
div#gallery a img{ border:3px solid #94C036;}
div#gallery a:hover img{ border:3px solid #BDDB7B;}



/**
 * form
 */
input,textarea{ padding:3px;}
table{ background:#DDD; margin:12px 0; width:100%;}
th,td{ padding:10px 12px;}
th{ background:#EEE;}
td{ background:#FFF;}
th span{ font-weight:normal; color:#C00; margin:0 3px;}
.mode{ ime-mode:disabled;}/*han*/
.mode2{ ime-mode:active;}/*zen*/
.mode3{ ime-mode:inactive;}/*start han*/



/**
 * Comments
 */
#comments { clear: both;}
#comments .navigation { padding: 0 0 18px 0;}
h3#comments-title,
h3#reply-title { font-size: 20px; font-weight: bold; margin-bottom: 0;}
h3#comments-title { margin: 24px 0;}
.commentlist { list-style: none; margin: 0; }
.commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative;}
.commentlist li:last-child { border-bottom: none; margin-bottom: 0;}
#comments .comment-body ul,
#comments .comment-body ol { margin-bottom: 18px;}
#comments .comment-body p:last-child { margin-bottom: 6px;}
#comments .comment-body blockquote p:last-child { margin-bottom: 24px;}
.commentlist ol { list-style: decimal;}
.commentlist .avatar { position: absolute; top: 4px; left: 0;}
.comment-author cite { font-style: normal; font-weight: bold;}
.comment-meta { font-size: 12px; margin: 0 0 18px 0;}
.reply { font-size: 12px; padding: 0 0 24px 0;}
.commentlist .children { list-style: none; margin: 0;}
.commentlist .children li { border: none; margin: 0;}
.nopassword,
.nocomments { display: none;}
#comments .pingback {border-bottom: 1px solid #e7e7e7;margin-bottom: 18px;padding-bottom: 18px;}
.commentlist li.comment+li.pingback {margin-top: -6px;}
#comments .pingback p {color: #888;display: block;font-size: 12px;line-height: 18px;margin: 0;}



/**
 * Comments form
 */
#respond {border-top: 1px solid #eee;margin: 24px 0;overflow: hidden;position: relative;}
#respond p { margin: 0;}
#respond .comment-notes {margin-bottom: 1em;}
.form-allowed-tags { font-size:11px;}
.children #respond {margin: 0 48px 0 0;}
h3#reply-title {margin: 18px 0;}
#comments-list #respond {margin: 0 0 18px 0;}
#comments-list ul #respond {margin: 0;}
#cancel-comment-reply-link {font-size: 12px;font-weight: normal;line-height: 18px;}
#respond .required {color: #ff4b33;font-weight: bold;}
#respond input {margin: 0 0 9px;width: 98%;}
#respond textarea {width: 98%; margin-bottom:8px;}
#respond .form-submit {margin: 12px 0;}
#respond .form-submit input {font-size: 14px;width: auto;}