@charset "shift_jis";

/*
--------------------------------------
	font-size percent
--------------------------------------
10px 77%                        | 11px 85%                        | 12px 93% (was 93%) 
13px 100%                      | 14px 108% (was 107%)    | 15px 116%(was 114%)
16px 123.1% (was 122%) | 17px 131% (was 129%)    | 18px 138.5% (was 136%)
19px 146.5% (was 144%) | 20px 153.9% (was 152%) | 21px 161.6% (was 159%)
22px 167%                      | 23px 174%                      | 24px 182%                      
25px 189%                      | 26px 197%
*/

*html li a {zoom: 1;}
body { color: #333333; min-width: 980px; line-height: 21px; word-break: break-all;}

html #wrap {width: expression(document.body.clientWidth < 982? "980px" : "auto");}

/*============================================================================================
	anchor,table
============================================================================================*/
.col-index a{ outline: none;}
.col-index a:link { color: #18329d; text-decoration: none;}
.col-index a:visited { text-decoration: none;}
.col-index a:hover { color: #18329d; text-decoration: underline;}
.col-index a:active { color: #18329d; text-decoration: underline;}

.li-search-results a{ outline: none;}
.li-search-results a:link { color: #18329d; text-decoration: none;}
.li-search-results a:visited { text-decoration: none;}
.li-search-results a:hover { color: #18329d; text-decoration: underline;}
.li-search-results a:active { color: #18329d; text-decoration: underline;}

.section a{ outline: none;}
.section a:link { color: #18329d; text-decoration: none;}
.section a:visited { text-decoration: none;}
.section a:hover { color: #18329d; text-decoration: underline;}
.section a:active { color: #18329d; text-decoration: underline;}


#side-contents a{ outline: none;}
#side-contents a:link { color: #18329d; text-decoration: none;}
#side-contents a:visited { text-decoration: none;}
#side-contents a:hover { color: #18329d; text-decoration: underline;}
#side-contents a:active { color: #18329d; text-decoration: underline;}

.pagetop a{ outline: none;}
.pagetop a:link { color: #18329d; text-decoration: none;}
.pagetop a:visited { text-decoration: none;}
.pagetop a:hover { color: #18329d; text-decoration: underline;}
.pagetop a:active { color: #18329d; text-decoration: underline;}
/*============================================================================================
	#wrap
============================================================================================*/
#wrap {background: url(../img/bg_body.gif) no-repeat top center #fff;}

/*============================================================================================
	#header
============================================================================================*/

/*  青い線 */
#header {position: relative; width:100%; background: url(../img/bg_header2.gif) no-repeat center bottom #fff; margin-bottom: 15px; z-index:100; }

#header a:link { color: #333333; text-decoration: none;}
#header a:visited { color: #333333; text-decoration: none;}
#header a:hover { color: #333333; text-decoration: underline;}
#header a:active { color: #333333; text-decoration: underline;}

div#col-static { margin-left:15px;} 


#col-static #column { float:none; width:100%;}
#col-static #column h1 .title { display:none;}
#col-static #column .link-arw2 { padding-top:10px;}
#header .inr { position: relative; width: 960px; margin: 0 auto;}
#header #header-logo { position: absolute; top: 12px; left: 0; height: 66px;}
#header #header-logo img { vertical-align:bottom;}
#header #header-menu { text-align: right; margin-left: 428px;}
#header #header-menu #menu1 { white-space: nowrap; float: right; margin-left: auto; padding: 0 0 0 16px;   background: url(../img/bg_menu1_l.gif) no-repeat left bottom #e9f1fc;}
#header #header-menu #menu1 #menu1-inr {padding: 8px 10px 10px 0; background: url(../img/bg_menu1_r.gif) no-repeat right bottom;}
#header #header-menu #menu1 ul li { font-size: 93%; display: inline; line-height: 20px; padding-right: 8px; vertical-align: middle;}
#header #header-menu #menu1 ul li img { vertical-align: middle;}
#header #header-menu #menu2 { clear: both; padding: 10px 0;}
#header #header-menu #menu2 li {font-size: 93%; display: inline; padding-left: 25px; white-space: nowrap;}
#header #header-global {position: relative;}

#header #nav-global { width: 800px; height: 39px;}
#header #nav-global li { float: left; height: 39px; position: relative; zoom: 1;}
#header #nav-global li a { display: block;}
#header #nav-global li a span { display: block; position: relative;}
#header #nav-global li.hov a span { z-index: -1;}
#header #nav-global li img { vertical-align: bottom;}

#header #nav-global li#nav-global00 { width: 118px;}
#header #nav-global li#nav-global01 { width: 110px;}
#header #nav-global li#nav-global02 { width: 122px;}
#header #nav-global li#nav-global03 { width: 137px;}
#header #nav-global li#nav-global03-2 { width: 106px;}
#header #nav-global li#nav-global04 { width: 110px;}
#header #nav-global li#nav-global05 { width: 92px;}
#header #nav-global li#nav-global00 a { background: url(../img/nav_g00_ov.gif) no-repeat;}
#header #nav-global li#nav-global01 a { background: url(../img/nav_g01_ov.gif) no-repeat;}
#header #nav-global li#nav-global02 a { background: url(../img/nav_g02_ov.gif) no-repeat;}
#header #nav-global li#nav-global03 a { background: url(../img/nav_g03_ov.gif) no-repeat;}
#header #nav-global li#nav-global03-2 a { background: url(../img/nav_g03_gr_ov.gif) no-repeat;}
#header #nav-global li#nav-global04 a { background: url(../img/nav_g04_ov.gif) no-repeat;}
#header #nav-global li#nav-global05 a { background: url(../img/nav_g05_ov.gif) no-repeat;}
#header #nav-global li ul      { display: none;  position: absolute; top: 39px; left: 0; width: 100%; z-index: 100;}


#header #nav-global li ul li { 
	font-size: 93%;
	display: block;
	line-height:25px;
	height: auto;
	float: none;
	padding: 6px 5px 6px 4px;

}

/* 生活 */
#header #nav-global li#nav-global00 ul li { 
	border-bottom: 1px solid #b4e0f5;
	border-left:   1px solid #b4e0f5;
	border-right:  1px solid #b4e0f5;
	background: url(../img/bg_gnavi_life.png);

}
/* 数学・物理 */
#header #nav-global li#nav-global01 ul li { 
	border-bottom: 1px solid #d2ffd2;
	border-left: 1px solid #d2ffd2;
	border-right: 1px solid #d2ffd2;

	background: url(../img/bg_gnavi_math.png);
}

/* 専門 */
#header #nav-global li#nav-global02 ul li { 
	border-bottom: 1px solid #ffe1e1;
	border-left: 1px solid #ffe1e1;
	border-right: 1px solid #ffe1e1;
	background: url(../img/bg_gnavi_special.png);
}
/* 自作 */
#header #nav-global li#nav-global03 ul li { 
	border-bottom: 1px solid #fdecd2;
	border-left: 1px solid #fdecd2;
	border-right: 1px solid #fdecd2;
	background: url(../img/bg_gnavi_self.png);
}

/* グラフ */
#header #nav-global li#nav-global03-2 ul li{ 
	border-bottom: 1px solid #d4d4d4;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
	background: url(../img/bg_gnavi_graph.png);
}

#header #nav-global li ul li a { display: block;  font-weight: bold; height: 1%; padding-left: 29px;}
#header #nav-global li#nav-global00  ul li.sub01 a{ background: url(../img/icon_1.png) no-repeat;}
#header #nav-global li#nav-global00  ul li.sub02 a{ background: url(../img/icon_2.png) no-repeat;}
#header #nav-global li#nav-global00  ul li.sub03 a{ background: url(../img/icon_3.png) no-repeat;}
#header #nav-global li#nav-global00  ul li.sub04 a{ background: url(../img/icon_4.png) no-repeat;}
#header #nav-global li#nav-global00  ul li.sub06 a{ background: url(../img/icon_5.png) no-repeat;}
#header #nav-global li#nav-global00  ul li.sub05 a{ background: url(../img/icon_6.png) no-repeat;}

#header #nav-global li#nav-global01  ul li.sub01 a{ background: url(../img/icon_7.png) no-repeat;}
#header #nav-global li#nav-global01  ul li.sub02 a{ background: url(../img/icon_8.png) no-repeat;}
#header #nav-global li#nav-global01  ul li.sub03 a{ background: url(../img/icon_9.png) no-repeat;}

#header #nav-global li#nav-global02  ul li.sub01 a{ background: url(../img/icon_10.png) no-repeat;}
#header #nav-global li#nav-global02  ul li.sub02 a{ background: url(../img/icon_11.png) no-repeat;}
#header #nav-global li#nav-global02  ul li.sub03 a{ background: url(../img/icon_12.png) no-repeat;}

#header #nav-global li#nav-global03  ul li.sub01 a{ background: url(../img/icon-private-active.png) no-repeat;}
#header #nav-global li#nav-global03  ul li.sub02 a{ background: url(../img/icon_13.png) no-repeat;}
#header #nav-global li#nav-global03  ul li.sub03 a{ background: url(../img/icon_14.png) no-repeat;}
#header #nav-global li#nav-global03  ul li.sub04 a{ background: url(../img/icon_15.png) no-repeat;}
#header #nav-global li#nav-global03  ul li.sub05 a{ background: url(../img/icon_16.png) no-repeat;}
#header #nav-global li#nav-global03  ul li.sub06 a{ background: url(../img/icon_17.png) no-repeat;}


#header #nav-global li#nav-global03-2  ul li.sub01 a{ background: url(../img/ico_03_2_01.png) no-repeat;}
#header #nav-global li#nav-global03-2  ul li.sub02 a{ background: url(../img/ico_03_2_02.png) no-repeat;}
#header #nav-global li#nav-global03-2  ul li.sub03 a{ background: url(../img/ico_03_2_03.png) no-repeat;}
#header #nav-global li#nav-global03-2  ul li.sub04 a{ background: url(../img/ico_03_2_04.png) no-repeat;}
#header #nav-global li#nav-global03-2  ul li.sub05 a{ background: url(../img/ico_03_2_05.png) no-repeat;}
#header #nav-global li#nav-global03-2  ul li.sub06 a{ background: url(../img/ico_03_2_06.png) no-repeat;}


#header #search { position: absolute; width: 155px; height: 39px; top: 0; left: 810px; background: url(../img/bg_search.gif) no-repeat right bottom;}
#header #search #search-inr { padding-top: 10px;}
#header #search input { height: 20px; vertical-align: middle;}
#header #search div.text { position: absolute; width: 114px; height: 20px; top: 12px; left: 0;background: url(../img/bg_search_input.gif) no-repeat 0 0; overflow: hidden;}
#header #search div.image {position: absolute; width: 24px; height: 20px; top: 12px; left: 117px;}
#header #search div.text input{ line-height: 18px; padding: 1px 0 0 5px; border: 0 none; background: none; }
#header #search div.text input:focus { outline: none; }
#header #search div.image input{border: none;}

/*===========================================================================================
	#contents
============================================================================================*/
#contents {font-size: 93%; width: 960px; margin: 0 auto;}
#contents:before,
#contents:after { content:""; display:block; overflow:hidden;}
#contents:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#contents { zoom:1;}

/*============================================================================================
	#main-contents
============================================================================================*/
#main-contents { float: left; width: 760px;}

#share ol.bread-crumbs { float: left; width: 345px; }
#share #share-btn                            { margin:0; }
#share #share-btn td                         { padding-left:2px;}
#share #share-btn td.twitter-share-button    { padding-bottom:5px;}
#share #share-btn td.hatena-bookmark-button  { padding-bottom:5px; padding-right:3px; }


#footer-nav { clear: both; padding-top: 10px; margin-top: 10px;  border-top: 1px solid #cccccc;}
#footer-nav ol.bread-crumbs { float: left; width: 580px; clear:none;}
#footer-nav .pagetop { float: right; width: 180px; text-align: right;}

/*============================================================================================
	#side-contents
=============================================================================================*/
#side-contents {float: right;width: 180px;}
#blogparts{ padding:3px 0 5px 9px; margin-bottom:20px; border: 1px solid #ccc; background:#fff;}
#blogparts h3 { margin-bottom:10px;}
#blogparts ul { padding-right:15px;}
#blogparts ul li { margin-bottom:5px; zoom: 1;}


.side-box {  padding-left:2px; padding-right:2px;    margin-bottom:15px; border: 1px solid #ccc;}
.side-box .title { background-color:#f2f2f2; padding-left:4px; padding-right:1px; padding-bottom:5px; padding-top:5px;font-size:114%; font-weight:bold; border-bottom:1px solid #ccc; margin-bottom:10px; vertical-align:middle;}
.side-box .title img { padding:0 5px 0 5px; vertical-align:middle;}
.side-box ul p { padding-bottom:5px; zoom: 1;}

.side-box .link-arw2{ padding-left:3px;  padding-bottom:5px;   }
.side-box .link-arw2 li{ height:20px; }

.link-arw1 a { padding-left: 12px; background: url(../img/ico_arw_r1.png) no-repeat left center;}
.link-arw2 a { display:block; line-height:1.2; padding-left: 18px; background: url(../img/ico_arw_r2.png) no-repeat 0 .2em; zoom: 1;}
.
.link-arw3 a { display:block; line-height:1.5; padding-left: 18px; background: url(../img/ico_arw_r3.png) no-repeat 0 .4em; zoom: 1;}
.link-arw4 a { padding-left:12px;  padding-right:10px; background: url(../img/ico_arw_r1.png) no-repeat left center;float:right;}

.link-arw5 a { padding-left:3px;  font-size:100%;}

.side-box  .center { text-align:center; padding-bottom:10px; }
.side-box #bookmark { padding-left:8px; padding-top:0px; padding-bottom:5px;}

.official_facebook{margin-bottom:20px;border: 1px solid #ccc;padding-left:2px; padding-right:2px;padding-bottom:7px; }
.official_facebook .fb-like{padding-left:2px;padding-top:3px;}


/*============================================================================================
	#footer
============================================================================================*/
#footer {font-size: 93%; width: 960px; margin: 5px auto 0; padding: 10px 0; border-top: 3px solid #2375e0; background: #fff;}
#footer:before,
#footer:after { content:""; display:block; overflow:hidden;}
#footer:after { clear:both;}
/* For IE 6/7 (trigger hasLayout) */
#footer { zoom:1;}
#footer a:link { color: #333333; text-decoration: none;}
#footer a:visited { color: #333333; text-decoration: none;}
#footer a:hover { color: #333333; text-decoration: underline;}
#footer a:active { color: #333333; text-decoration: underline;}
#footer .menu { float: left; width: 610px; zoom: 1;}
#footer .menu li { display: inline; padding-right: 15px; zoom: 1;}
#footer .menu li a { zoom: 1;}
#footer p.copy { float: right; line-height: 18px; text-align: right; width: 345px;vertical-align: middle;}
#footer p.copy img { vertical-align: middle; padding-left: 10px;}
/*============================================================================================
	class
============================================================================================*/
.col-tit .title span#iconbar{
	color:#0;
	background-color: #f4f3f2;
	border: 1px solid #546a99;
	display: block; line-height:27px; 
	font-weight: bold; font-size: 120%; 
	padding-top:2px; 
	padding-bottom:2px;
	vertical-align: middle; 
	background-repeat:no-repeat; 
	background-position: 12px 3px;
     /*  Safari、Chrome用： */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	/*  fire fox   */
	border-radius: 6px 6px 6px 6px;
	margin-bottom:5px;
}

div.col-tit span#selfmake2{
	color:#0;
	float:right;
	padding-right:10px;
	font-size:80%;
}

div.col-tit label#formulacreater{
	margin-right:5px;
}

.col-tit .title span   { padding-left:43px;   }

.col-tit .title span.ico0001 {background-image: url(../img/icon_1.png);}  /* 生活 */
.col-tit .title span.ico0002 {background-image: url(../img/icon_2.png);}
.col-tit .title span.ico0003 {background-image: url(../img/icon_3.png);}
.col-tit .title span.ico0004 {background-image: url(../img/icon_4.png);}
.col-tit .title span.ico0005 {background-image: url(../img/icon_5.png);}
.col-tit .title span.ico0006 {background-image: url(../img/icon_6.png);}
.col-tit .title span.ico0101 {background-image: url(../img/icon_7.png);}  /* 数学 */
.col-tit .title span.ico0102 {background-image: url(../img/icon_8.png);}
.col-tit .title span.ico0103 {background-image: url(../img/icon_9.png);}
.col-tit .title span.ico0200 {background-image: url(../img/icon_11.png);}
.col-tit .title span.ico0201 {background-image: url(../img/icon_10.png);} /* 物理 */
.col-tit .title span.ico0202 {background-image: url(../img/icon_11.png);}
.col-tit .title span.ico0203 {background-image: url(../img/icon_12.png);}

.col-tit .title span.ico0301 {background-image: url(../img/icon-private-active.png);} /* 私の自作式 */

.col-tit .title span.ico0302 {background-image: url(../img/icon_13.png);} /* 自作式（生活)*/
.col-tit .title span.ico0303 {background-image: url(../img/icon_14.png);}
.col-tit .title span.ico0304 {background-image: url(../img/icon_15.png);}
.col-tit .title span.ico0305 {background-image: url(../img/icon_16.png);}
.col-tit .title span.ico0306 {background-image: url(../img/icon_17.png);}
.col-tit .title span.ico0600 {background-image: url(../img/tit_06_00.png);} /* 掲示板 */



.col-tit-long .title span {
	color:#0;
	background-color: #f4f3f2;
	border: 1px solid #546a99;
	display: block; line-height:27px; 
	font-weight: bold; font-size: 120%; 
	padding: 2px 0 2px 43px; 
	vertical-align: middle; 
	background-repeat:no-repeat; 
	background-position: 12px 3px;
     /*  Safari、Chrome用： */
	-webkit-border-top-left-radius: 5px;     /* 左上 */
	-webkit-border-top-right-radius: 5px;    /* 右上 */
	-webkit-border-bottom-left-radius: 5px;  /* 左下 */
	-webkit-border-bottom-right-radius: 5px; /* 右下 */
	/*  fire fox   */
	border-radius: 6px 6px 6px 6px;
	margin-bottom:10px;

}
.col-tit-long .title span.none { padding-left:15px;}
.col-tit-long .title span.ico0300 {background-image: url(../img/tit_03_00.png);}
.col-tit-long .title span.ico0301 {background-image: url(../img/icon-private-active.png);} /* 私の自作式 */
.col-tit-long .title span.ico0302 {background-image: url(../img/tit_03_02.png);}
.col-tit-long .title span.ico0303 {background-image: url(../img/tit_03_03.png);}
.col-tit-long .title span.ico0304 {background-image: url(../img/tit_03_04.png);}
.col-tit-long .title span.ico0305 {background-image: url(../img/tit_03_05.png);}
.col-tit-long .title span.ico0306 {background-image: url(../img/tit_03_06.png);}
.col-tit-long .title span.ico0400 {background-image: url(../img/ico_04_00.png);}
/*
.col-tit-long .title span.ico0600 {background-image: url(../img/tit_06_00.png);}
*/



ol.bread-crumbs { margin-left:5px; margin-bottom: 0;   }
ol.bread-crumbs { content:""; display:block; overflow:hidden;}
ol.bread-crumbs { clear:both;}

/* For IE 6/7 (trigger hasLayout) */
ol.bread-crumbs { zoom:1;}
ol.bread-crumbs li { float:left; zoom: 1;}
ol.bread-crumbs li span { padding: 0 .5em;}
ol.bread-crumbs span img{ float:right;}

ol.bread-crumbs a         { outline: none;}
ol.bread-crumbs a:link    { color: #18329d; text-decoration: none;}
ol.bread-crumbs a:visited { text-decoration: none;}
ol.bread-crumbs a:hover   { color: #18329d; text-decoration: underline;}
ol.bread-crumbs a:active  { color: #18329d; text-decoration: underline;}


ul.li-decimal li { line-height:1.5; list-style:decimal; margin: 0 0 .3em 2em;}
dl.horizon dt { display: table-cell; width:48%;}
dl.horizon dd { display: table-cell; width:48%;}

/* IE6 */
*html dl.horizon dt { display: inline; zoom: 1;}
*html dl.horizon dd { display: inline; zoom: 1;}

/* IE7 */
*:first-child + html dl.horizon dt { display: inline; zoom: 1;}
*:first-child + html dl.horizon dd { display: inline; zoom: 1;}
.btn-center { text-align:center; padding:10px 0 0;}
.notes { font-weight:normal; color:#f00;}

/* facebook banner   */
img#facebookbanner{ margin-top:10px;  }
div.fb-like {height:20px;}

table#favoritetb  {font-size:100%;}
table#favoritetb td:first-child {padding-left:3px;padding-right:2px;padding-top:1px; }
table#favoritetb td:nth-child(2) {padding-left:0px;width:135px;height:20px; line-height:14px; }