/*
THEME NAME: Girls_Kosei_20091208
THEME URI: http://densan.cc/
DESCRIPTION: 佼成学園女子校むけデザイン
VERSION: 2009.12.25
AUTHOR: 株式会社電算室
AUTHOR URI: http://densan.cc/
*/

/*
** Copyright (c) 2007, Yahoo! Inc. All rights reserved.
** Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt
** version: 2.4.1
*/
/*
** reset.css
*/
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,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,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/*
** base.css
*/
h1 {	font-size:138.5%;  }
h2 {	font-size:123.1%; }
h3 {	font-size:108%;  }
h1,h2,h3,h4,h5,h6,strong {	font-weight:bold; }
abbr,acronym {	border-bottom:1px dotted #000;	cursor:help; }
em {	font-style:italic; }
ol li {	list-style: decimal outside; }
ul li {	list-style: disc outside; }
dl dd {	margin-left:1em; }
th,td {	border:1px solid #000;	padding:.5em; }
th {	font-weight:bold;	text-align:center; }
caption {	margin-bottom:.5em;	text-align:center; }
p,fieldset,table,pre {	margin-bottom:1em; }
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}

/*
** fonts.css
*/
/* body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} */
table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

/*
**
** 佼成学園女子
**
*/

/*
** fonts
*/
body {font:13px/1.231 'Meiryo','メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','ＭＳ ゴシック',Osaka,Osaka-等幅,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
/*
** anchor
*/
a        { color:#0066ff; text-decoration:none; }
a:link   { color:#0066ff; text-decoration:none; }
a:visited{ color:#336699; text-decoration:none; }
a:hover  { color:#660000; text-decoration:underline; }
a:active { color:#660000; text-decoration:underline; }
a img { border: none; }

/*
**
** container
**
*/
#cont_a{
 width:810px;
 background: #ffffff url(/_img/skin/background.gif) repeat-y;
}
#cont_b{
 width:794px;
 position:relative;
 margin-left:5px;
 margin-right:11px;
}

/*
** main
*/
#main{
 width:640px;
 position:relative;
 float:right;
}

#main h1{
}
#main h2{
}
#main h3{
 width:600px;
 border-left:17px;
 border-bottom:1px;
 border-color:#666666;
}
#main h4{
 width:570px;
}

#main .news_2 {
border-top:1px dotted #D3B9FF;
clear: both;
}

#main .news_1 .cat_color,
#main .news_2 .cat_color {
color:#D3B9FF;
}

#main .news_1 .entry_top,
#main .news_2 .entry_top {
width: 620px;
display:inline-table;
}

#main .news_1 .date,
#main .news_2 .date {
float:left;
margin-right:10px;
text-align:right;
width:190px;
}

#main .news_1 .title_top,
#main .news_2 .title_top {
float:right;
margin-left:10px;
width:410px;
}

#main .title{
 height:60px;
 width:640px;
 overflow:hidden;
 margin-top:1px;
 margin-bottom:1px;
 background:#FFF2C1;
 position:relative;
}
#main .title img.school{
 position:absolute;
 left:20px;
 width:31px; height:20px;
}
#main .title h2{
 position:absolute;
 left:20px; top:10px;
 width:540px;
}
#main .title h2 a{ color:#000000;}
#main .title p{
 position:absolute;
 left:20px; top:38px;
 width:600px;
 margin-bottom:0px;
 text-align:right;
 font-size:80%;
}

#main .archives{
 clear: both;
 border-top:1px dotted #D3B9FF;
 padding: 1em 0;
}

#content .navigation li {
 list-style-type: none;
}
/*
** #main .story
*/
#main .story{
 margin-left:20px;
 margin-right:20px;
}
#main .story_header{
 margin-left:-30px;
}
#main .st-related-posts li{
 list-style-position:inside;
}
/*
** #content .story
*/
#content .story img{
margin-left: 10px;
margin-right: 10px;
}
#content .story a img{
border-width: 2px;
border-style: solid;
}
#content .alignleft{
 float: left;
margin-left: 0px;
}
#content .alignright{
 float: right;
 margin-right: 0px;
}
#content h4.st-related-posts{
 clear:both;
 padding-top:1em;
}
#content ul,
#content ol { 
 margin-left:30px;
 margin-bottom:1em;
}

#content .story ul li ,
#content .story ol li { list-style-position: inside; }

/*
** #main .meta
*/
#main .meta{
 margin-left:20px;
 margin-right:20px;
 clear:both;
 text-align:right;
 font-size:90%;
 font-solor:#cccccc;
}
/*
** header
*/
#header{
 height:82px;
 position:relative;
}
#header .logo{
 position:absolute;
 top:22px;left:20px;
}
#header img.QRcode{
 position:absolute;
 left:718px; top:0px;
 width:74; height:74px;
 border:1px solid #FB4D0B;
 margin-top:3px;
}

#sidebar h2, #main .path{
 background: #D3B9FF repeat-y;
 color:#ffffff;
 padding:2px 2px 2px 10px;
 font-size:90%;
 font-weight:normal;
}
#main .path a{
 color:#ffffff;
}

/*
** footer
*/
#footer{
 clear:both;
 background: #D3B9FF url(/_img/skin/bg_footer.gif) repeat-y;
 width:800px;
 margin-left:-3px;
 margin-right:-5px;
 position:relative;
}
#footer .left, 
#footer .right{
 width:380px;
 float:left;
 padding:10px;
 color:#ffffff;
 font-size:83%;
 line-height:150%;
}
#footer .right{
 text-align:right;
}
#footer a{
 color:#ffffff;
 text-decoration:underline;
}
/*
** sidebar
*/
#sidebar{
 float:left;
 width:150px;
}
#sidebar ul li{
 margin-top:2px;
 border:1px solid #FECAB6;
 padding:10px;
}
#sidebar ul li ul{
}
#sidebar ul li ul li{
 border:0px;
 padding:0px;
 margin:0 0 0 10px;
 list-style: circle url(/_img/skin/sidebar_li.gif);
}
#sidebar .search{
 top:56px;
 height:16px;
 margin-top:2px;
 margin-bottom:4px;
}
#sidebar .input_form{
 width:98px;
 height:16px;
 border:1px solid #FECAB6;
}
#sidebar .submit_form{
 width:48px;
 height:16px;
 border:1px solid #FECAB6;
}
#sidebar input {
 display: block;
 float: left;
}
/*
** トップページ用
*/

#content .banner img {
 margin: 20px;
}
#content .banner {
 overflow:hidden;
 height:100px;
}
#content .banner {

}
/*
** トップ記事レイアウト
*/

#content .story .box {
 clear:both;
 width:600px;
 padding-top: 2em;
}
#content .story .box .box_in {
 width: 300px; 
 float: left;
}
#content .story .box .box_in .box_text {
 width: 280px; 
 padding:0 10px;
}
/*
** Archives
*/
#content .archive_ul {
 margin-left: 30px;
 margin-bottom: 15px;
 line-height: 1.5;
}