/* ----------------------------------------------------------
Theme Name:Hello Wiki Structure
Author:ITCommon Suzuki
Author URI:http://www.it-common.jp/
-----------------------------------------------------------*/

/* Begin Structure *****************************************/

*{
 margin:0;
 padding:0;
}

body{
 color:#333;
 /*background:#fff url(../images/bg.png) repeat-x;*/
 font-size:14px;
 line-height:1.5;
 /*font-family: "ＭＳ Ｐゴシック", Osaka;*/
 font-family:verdana;
}

#header{
 width:100%;
 background:#fff url(../images/bg.png) repeat-x;
 /*background:#fff url(../images/bg_org.png) repeat-x;*/
}

#header_container{
 /*width:920px;*/
 width:1030px;
 margin:0 auto;
}

.container{
 /*width:920px;*/
 width:1030px;
 margin:0 auto;
}

#column_center{
 clear:both;
 float:left;
 /*width:560px;*/
 width:700px;
 margin-top:15px;
}

#rightcolumn{
 float:right; width:300px;
 margin-top:15px;
}

#footer{
 margin-top:10px;
 color:#eee;
 /*color:#444;*/
 /*background:url(../images/entry.png) top center repeat-x;*/
 background-color:#333;
 /*background-color:#ffcc33;*/
 padding:10px 20px;
 /*height:50px;*/
}


/* Begin Various Tags & Classes ****************************/

/* Various Tags ************************/

a{
 color:#346ba4;
 text-decoration:underline;
 outline:none;
}

a:focus,a:hover{
 text-decoration:none;
 color:#f00;
}
h1{
}

.post h2{font-size:20px;
 margin-bottom:20px;
}

h2{
 font-size:18px;
 line-height:1.3em;
 margin-bottom:1em;
}

h3{
 font-size:16px;
 line-height:1.3em;
 margin-bottom:1em;
}

h4{
 font-size:15px;
 line-height:1.3em;
 margin-bottom:0.5em;
}

h5{
 font-size:14px;
 line-height:1.3em;
 margin-bottom:0.5em;
}

h6{
 font-size:12px;
 line-height:1.3em;
 margin-bottom:0.5em;
}

p{
 margin:0 0 1.5em;
}

th{
 font-size:14px;
 line-height:1.5em;
 padding:4px;
 background-color:#ddd;
 font-weight:normal;
 color:#333;
}

td{
 font-size:14px;
 line-height:1.5em;
 padding:4px;
}

blockquote{
 background:url(../images/quote.png) no-repeat;
 color:#666;
 margin:1em;
 padding:1em 0 0 3em;
}

em{font-style:italic;
 background:#efefe9;
}

pre,code{background:#CFCFC9;
 font-family:Courier, "Courier New", Monospace;
 line-height:1.5;
 margin:1.5em 0;
 padding:3px;
}

pre{background:#efefe9;
 border-top:1px solid #ccc;
 white-space:pre;
 overflow:auto;
 max-height:300px;
}

img{
 border:none;
}
/*
p img{
 padding-bottom:1px;
 border-bottom:1px solid #ccc;
}
*/

ul,ol{
 margin:0 1em;
}

ul{
 list-style-type:disc;
}

ol{
 list-style-type:decimal;
}

/* Classes *****************************/

.alignleft{
 float:left;
 margin-right:10px;
}
.alignright {
 float: right;
}

.aligncenter {
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.clear{
 clear:both;
}

.small{
 font-size:12px;
}

.sp02{
 padding:1px 0;
 clear:both;
}

.sp04{
 padding:2px 0;
 clear:both;
}

.sp10{
 padding:5px 0;
 clear:both;
}

.sp16{
 padding:8px 0;
 clear:both;
}

.sp24{
 padding:12px 0;
 clear:both;
}

.listBox{
 border:1px solid #999;
 margin:10px;
 padding:10px 20px 10px 40px;
}

.headder_title1{
 margin:1em 0 0.25em 0;
 padding:0.25em;
 border-bottom:1px solid #333;
 line-height:1.3em;
}

.headder_title2{
 margin:2em 0 0 0;
 padding:0.2em 0.75em;
 border-top:1px solid #999;
 border-bottom:1px solid #999;
 background-color:#333;
 color:#fff;
}

.headder_title3{
 margin:2em 0 1.25em 0;
 padding:0 20px;
 line-height:27px;
 vertical-align:middle;
 border:1px solid #bbb;
 background-color:#ccc;
 background:url(../images/bg_header_title3.gif) top left no-repeat;
 color:#000;
 font-size:15px;
}

.boxA1{
 border:1px solid #999;
 padding:10px 15px;
}

.boxB1{
 border:1px solid #e6db55;
 padding:10px 15px;
 background-color:#fffbcc;
}
/*
.boxTileA1{
 width:260px;
 height:260px;
 overflow: hidden;
 border:1px solid #ccc;
 float:left;
}
*/
.boxC1_title{
 font-size:16px;
 border-top:1px solid #ccc;
 border-left:1px solid #ccc;
 border-right:1px solid #ccc;
 margin:2em 0 0 0;
 padding:5px;
 background-color:#E9EAEA;
 background:url(../images/bg_boxC1_title.gif) top left repeat-x;
 color:#000;
}

.boxC1{
 border:1px solid #ccc;
 padding:10px 10px 10px 10px;
 margin:0 0 10px 0;
}
/*
.boxC1_left{
 border:1px solid #ccc;
 padding:10px 10px 10px 10px;
 margin:0 0 10px 0;
 width:270px:
 float:left;
}

.boxC1_right{
 border:1px solid #ccc;
 padding:10px 10px 10px 10px;
 margin:0 0 1em 0;
 width:270px:
 float:right;
}
*/
.link_button{
 margin:5px;
 padding:3px 5px;
 background:url(../images/bg_link_button.gif) top left repeat-x;
 border-top:1px solid #ddd;
 border-right:2px solid #ddd;
 border-bottom:2px solid #ddd;
 border-left:1px solid #ddd;
 text-decoration:none;
}

.link_button_red{
 margin:5px;
 padding:5px 8px;
 background-color:#f00;
 border-top:1px solid #ddd;
 border-right:2px solid #ddd;
 border-bottom:2px solid #ddd;
 border-left:1px solid #ddd;
 text-decoration:none;
 font-weight:bold;
}

.link_button_red a, .link_button_red a:hover{
 color:#fff;
 text-decoration:none;
}

.form{
 width:480px;
 background-color:#FFFF80;
 border: 1px solid #FF6600;
 margin-top: 30px;
 margin-right: auto;
 margin-bottom: 30px;
 margin-left: auto;
 padding-top: 10px;
 padding-right: 15px;
 padding-bottom: 0px;
 padding-left: 15px;
}

.form_title{
 font-size:14px;
 text-align: center;
 margin:10px 0;
}

.form_input{
 font-size:12px;
 margin: 10px;
 line-height:30px;
 text-align: center;
}

.form_comment{
 font-size:12px;
 line-height: 17px;
 text-align:center;
 margin-bottom:20px;
}

/* Begin Headers *******************************************/

#site_title{
 position:relative;
 top:15px;
 float:left;
 height:91px;
 vertical-align:bottom;
}

#second_menu{
 margin:40px 40px 0 0;
 float:right;
 color:#666;
 /*color:#f40;*/
 /*color:#444444;*/
}

#second_menu a{
 color:#eee;
 /*color:#444444;*/
 text-decoration:none;
 padding:2px 4px;
}

#second_menu a:hover{
 color:#fff;
 text-decoration:none;
 padding:2px 4px;
 background-color:#669900;
}

/* グローバルナビゲーションメニュー ****/
ul#menu{
 clear:both;
 list-style-type:none;
 background:url(../images/menu_bg.png) top left no-repeat;
 /*background:url(../images/menu_bg_org.gif) top left no-repeat;*/
 /*position:relative;*/
 /*top:31px;*/
 padding-left:2px;
 height:35px;
 margin:0;
}

ul#menu li{
 float:left;
 font-size:14px;
 font-weight:bold;
 height:35px;
 padding:0 6px 0 6px;
 background:url(../images/menu_bg.png) top right no-repeat;
 /*background:url(../images/menu_bg_org.gif) top left no-repeat;*/
}

ul#menu li a{
 color:#ffffff;
 /*color:#444444;*/
 float:left;
 display:block;
 text-decoration:none;
 padding:5px 5px 5px 0;
}

ul#menu li a:hover, ul#menu .current_page_item a{
 background:url(../images/menu_a.png) center right no-repeat;
 /*background:url(../images/menu_a2.png) center right no-repeat;*/
 padding:5px 5px 5px 0;
 color:#ffffff;
}

ul#menu li a span{
 color:#ffffff;
 padding:5px 0 5px 5px;
}

ul#menu li a:hover span, ul#menu .current_page_item a span{
 background:url(../images/menu_a.png) center left no-repeat;
 /*background:url(../images/menu_a2.png) center left no-repeat;*/
 padding:6px 0 6px 5px;
 color:#ffffff;
}


/* Begin subMenu *******************************************/

.nextBack{
 margin-top:30px;
 margin-bottom:25px;
 text-align:center;
}

.subMenu{
 width:680px;
 margin:30px 0;
 padding:3px 3px 0px 7px;
 border-top:1px dashed #bbb;
 border-bottom:1px dashed #bbb;
 text-align:left;
 font-size:13px;
}

.subMenu ul{
 margin:0px;
 padding:0px;
}

.subMenu li{
 display:inline;
 /*float:left;*/
 padding:0 10px 0 0;
 /*background-image: url('../images/menu_bul.gif');*/
 /*background-repeat: no-repeat;*/
 /*background-position: left;*/
 font-size:12px;
 list-style-type:none;
}

.subMenu .current_page_item a {
 font-weight:bold;
 color:#333;
 text-decoration:none;
}


/* Begin breadcrumb ****************************************/

#breadcrumb{
 padding:5px 0 15px 10px;
 font-size:15px;
 font-weight:bold;
}


/* Begin column_center ****************************************/

.entry{
 clear:both;
 /*font-size:1.15em;*/
 line-height:1.75em;
}

.title h2{
 background:url(../images/h2_tit_mark2.png) no-repeat;
 padding-left:35px;
}

.title2 h2{
 background:url(../images/h2_tit_mark2.png) no-repeat;
 padding-left:35px;
}
.title h2, .title2 h2{
 color:#333;
 margin-top:1em;
 margin-bottom:1em;
}

.post{
 background:url(../images/entry.png) top left repeat-x;
 padding:1em 0 0.5em;
}

#info{
 margin-bottom:1em;
 border-top:1px dotted #ccc;
 border-bottom:1px dotted #ccc;
 padding:0.5em 1em;
 font-size:12px;
}

#info .tag{
 margin:0.5em 0 0;
}

#historyBack a{
 color:#669900;
 font-weight:bold;
 margin:10px;
 text-decoration:underline;
}

.pagers{
 margin-bottom:3em; padding:0.5em;
}

.pagers a{
 color:#666;
 margin-right:2em;
}


/* Begin Rightcolumn ***************************************/

#searchform{
 background:url(../images/search.png) top left no-repeat;
 width:300px;
 height:34px;
 margin:1em 0 1.5em;
}

#searchform:hover{
 background-position:bottom left;
}

#searchinput{
 color:#555;
 background:none;
 border:none;
 height:20px;
 width:200px;
 padding:5px 0 5px 8px;
}

#searchsubmit{
 background:none;
 border:none;
 height:34px;
 width:90px;
 cursor:pointer;
}

ul li,ol li,.aside dd p{
 margin-bottom:0.5em;
}

.aside{
 background:url(../images/aside_bottom.png) bottom left no-repeat;
 float:right;
 width:300px;
 margin-bottom:2em;
 padding:0 0 12px;
}

.aside .fix{
 padding:10px 5px 10px 15px;
}

.aside h2{
 color:#444;
 background:url(../images/aside_top.png) top left no-repeat;
 font-size:1.6em;
 margin:0;
 padding:15px 15px 5px 50px;
}

/*
.aside ul{
 list-style-type:none;
 width:100%;
 margin:0;
 clear:left;
}

.aside ul li{
 float:left;
}

.aside ul li a{
 float:left;
 display:block;
 width:130px;
 margin-left:5px;
}
*/

#tagcloud{
 text-align:center; word-spacing:5px; padding-bottom:5px;
}

.sideBanner{
 margin-top:20px;
 text-align:left;
}

/* TABS ********************************/
.tabs-block{
 clear: left;
 float: left;
 width: 300px;
 padding: 0;
 margin: 0 0 10px 0;
 display: block;
}

.tabbed{
 width: 100%;
 overflow: hidden;
 padding: 0;
 margin: 0;
 background: transparent;
 border: none;
}

.tabbed ul.tabs{
 overflow: hidden;
 display: block;
 position: relative;
 top: 0;
 left: 0;
 z-index: 999;
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 100%;
 background: transparent;
}

.tabbed ul.tabs li{
 display: inline;
 float: left;
 padding: 0;
 margin: 0 .3em 0 0;
}

.tabbed ul.tabs li a{
 font-weight: bold;
 display: block;
 margin: 0;
 padding: 5px .8em;
 background: #eee;
 border: 1px solid #ccc;
}

.tabs-block ul.tabs li a{
 padding: 5px .7em;
}

.tabbed ul.tabs li a:hover{
 background: #f7f7f7;
 text-decoration: none;
}

.tabbed ul.tabs li a.tab-current{
 background: #fff;
 border-bottom: 1px solid #fff;
}

.tabs-block .tabbed div, #home .tabbed .c{
 overflow: hidden;
 display: block;
 position: relative;
 left: 0;
 top: -1px;
 z-index: 0;
 clear: left;
 width: 100%;
 margin: 0;
 padding: 5px 0;
 border: 1px solid #ccc;
 background: #fff;
 display: none;
}

div.t2, div.t3, div.t4, div.t5, div.c2, div.c3, div.c4, div.c5, div.c6, div.c7, div.c8, div.c9, div.c10{
 display: none;
}

.tabs-block .tabbed div.t1, #home .tabbed div.c1{
 display: block;
}

.tabs-block .tabbed div{
 width: 298px;
}

.tabbed div ul{
 overflow: hidden;
 padding: 4px 0 2px 0;
 margin: 0;
 background: #fff;
}

.tabbed div ul li{
 clear: left;
 background: transparent;
}

.tabbed .t1 ul li a{
 font-weight: normal;
 width: 97%;
 /*display: block;*/
 padding: 2px 0 2px 12px;
 background: transparent;
 border: none;
}

.tabbed .t2 ul li a, .tabbed .t3 ul li a{
 font-weight: normal;
 width: 97%;
 display: block;
 padding: 2px 0 2px 12px;
 background: transparent;
 border: none;
 line-height:125%;
}

.tabbed div ul li a:hover{
 /*text-decoration: underline;*/
}

.tabs-block h2{
 color:#444;
 background:url('../images/aside_title.png') top left no-repeat;
 font-size:1.6em;
 margin:15px 0px 0px 15px;
 padding:0px 15px 5px 35px;
}

ul.children{
 padding-left:0px;
 margin-left:0px;
}

ul.children li{
 padding-left:1em;
 margin-left:0px;

}


/* Begin Footers *******************************************/

#toTop{
 margin:60px 10px 20px 30px;
 clear:both;
 text-align:right;
}

#toTop a, #toTop a:visited, #toTop a:hover{
 color:#777;
 text-decoration:none;
}

#footer span{
 float:right;
}

#footer a{
 color:#eee;
 /*color:#444444;*/
 text-decoration:none;
}

#footer a:hover{
 color:#fff;
 text-decoration:none;
 background-color:#669900;
}


/* Begin Pages *********************************************/

/* DD_SITEMAP_GEN **********************/

.ddsg-wrapper{
 margin-left:40px;
}

.ddsg-wrapper h2{
 margin-top:30px;
}

.ddsg-wrapper ul{
 margin-left:2em;
}

.ddsg-wrapper p{
 margin:4px;
}


/* FAQ・よくある質問 *******************/

.faq_q{
 background: url('../images/qa_mark_q.gif') no-repeat top left;
 margin:2em 0.75em 0 0.75em;
 padding:0 0 7px 30px;
 border-bottom:1px solid #666;
}

.faq_a{
 background: url('../images/qa_mark_a.gif') no-repeat top left;
 margin-top:0.5em;
 margin:0.5em 0.75em 0 0.75em;
 padding:0 10px 5px 30px;
}


/* テーブル定義 ************************/
/*
#page_ho_hyouji th, #page_kaisha_gaiyo th{
 background-color:#ddd;
 color:#333;
}
*/
#page_ho_hyouji td,
#page_kaisha_gaiyo td,
#page_course td,
#page_new_moushikomi td,
#page_otameshi td,
#page_web_full td{
 background-color:#f6f6f6;
}

#page_ho_hyouji th, #page_ho_hyouji td,
#page_kaisha_gaiyo th, #page_kaisha_gaiyo td,
#page_moushikomi th, #page_moushikomi td,
#page_course th, #page_course td,
#page_new_moushikomi th, #page_new_moushikomi td{
 border-bottom:1px solid #ccc;
 border-right:1px solid #ccc;
}

#page_ho_hyouji table,
#page_kaisha_gaiyo table,
#page_moushikomi table,
#page_new_moushikomi table,
#page_course table,
#page_otameshi table,
#page_web_full table{
 border:1px solid #ccc;
}

#page_otameshi th,
#page_web_full th,
#page_moushikomi th,
#page_course th,
#page_new_moushikomi th{
 text-align: center;
 font-weight:bold;
 background-color:#693;
 color:#fff;
}

#page_moushikomi td,
#page_new_moushikomi td,
#page_course td{
 font-size:13px;
}

#page_otameshi td,
#page_web_full td{
 text-align:center;
}


/* Begin Blogs *********************************************/

/* 過去問集のエントリ ******************/

/* 難易度★ */
#difficulty{
 margin:10px 0px 0px 10px;
 font-weight:bold;
 float:left;
}

/* 過去問「出題」のエリア */
#kakomon_q{
 clear:left;
 border:1px solid #ccc;
 margin:20px 0;
 padding:10px 25px 10px 25px;
 background-color:#fff;
}

#q_head{
 margin-bottom:1em;
}

#q_foot{
 margin:0 0 0 25px;
}

#q_foot li{
 margin-bottom:1em;

}

/* 過去問「解答」のエリア */
#kakomon_a{
 margin:20px 0;
 border:1px solid #72924F;
 padding:30px;
 background-color:#e0f0b0;
}

/* 正解 */
#a_seikai{
 margin:10px 0px 25px 10px;
 padding:5px 15px;
 border:1px solid #666;
 font-size:16px;
 font-weight:bold;
 float:left;
 background-color:#fff;
}

#a_head{
/*アドバイス*/
 clear:left;
 margin-bottom:1em;
 font-weight:bold;
}

/*解説*/
#a_foot{
 margin:0 0 0 25px;
}

/*解説肢*/
#a_foot li{
 margin-bottom:1em;
}

#p_head{
 font-weight:bold;
 color:#f00;
}

#p_body{
 border:1px solid #666;
 background-color:#fff;
 padding:10px 15px;
}

/***  */

#block-full{
 border:1px solid #ccc;
 padding:10px 10px 10px 10px;
 margin:5px 0;
}

#block-left{
 float:left;
 text-align:center;
 width:335px;
 height:390px;
 border:1px solid #ccc;
 overflow: hidden;
 padding-top:10px;
 margin-top:10px;
}

#block-right{
 float:right;
 text-align:center;
 width:335px;
 height:390px;
 border:1px solid #ccc;
 overflow: hidden;
 padding-top:10px;
 margin-top:10px;
}

#block-left h3, #block-right h3{
 font-size:13px;
 font-weight:bold;
 margin:0;
 padding:5px;
}

#newsTable{
 width:700px;
 margin :10px 0;
}

#newsTable .ul{
 border-bottom:1px dashed #bbb;
 text-align:left;
 padding:1px;
}

object{
 padding: 0;
 margin: 0;
}


/* Junks ***************************************************
#comment{
 padding-top:0.5em;
}

.commentlist{
 margin:0 0 0 2em;
}

.commentlist .body{
 padding:0 1em;
}
.commentlist li{
 width:100%;
 margin:1em 0;
}

.commentlist li .top{
 color:#555;
 background:#efefe9 url(../images/var.png) center left no-repeat;
 font-weight:700;
 border-bottom:1px solid #ccc;
 padding:0.3em 1em 0.3em 2em;
}

.commentlist li .top span{
 float:right;
 font-size:0.8em;
 font-weight:400;
 margin-top:2px;
}



.theform{
 border-top:1px dotted #ccc;
 padding:1.5em 0 2em;
}

.theform label{
 font-size:0.8em; vertical-align:middle;
}

.entry h3{
 font-size:1.3em;
}

.title{
 color:#66cc66; margin:0 0 1em;
}

.count{
 color:#fff; font-weight:700;
 font-size:1.2em;
 float:left;
 background:url(../images/count.png) no-repeat;
 width:40px; height:40px;
 padding-top:5px;
 text-align:center;
 margin:5px 10px 0 0;
}

.aside dd span{
 font-size:0.85em;
 color:#66cc66;
 font-weight:bold;
}

.aside dd{
 padding-bottom:1.5em;
 border-bottom:1px dotted #aaa;
 margin:0.5em 0 1.5em;
}

.aside dt a,.commentlist li .top a{
 color:#369;
}

#postdata a:hover,.aside dd span a:hover,.pagers a:hover,#feed a:hover,#feed span a:hover,#footer a{
 color:#333;
}

#postdata{
 margin:5px 0px 0px 20px;
}

.tagcloud a{
 text-decoration:none;
}

dl{
 padding:0 0 1.5em;
}

dd{
 margin-left:1.5em;
}

dl dt{
 font-weight:700;
 color:#369;
 text-decoration:underline;
}

.postdata{
 font-size:0.85em;
 color:#66cc66;
 font-weight:bold;
}

#feed{display:block; font-size:0.9em; padding:0 0.3em; margin-bottom:15px;}
#feed a,#feed span a{color:#666; }
#feed #yubi a{float:left; background:url(../images/yubi.gif) bottom left no-repeat; padding-left:21px; }
#feed #rss a{float:right; background:url(../images/feed.png) bottom left no-repeat; padding-left:19px; }

#remember,#forget,#txpCommentHelpLink{margin-left:2em; }
#commentform{margin-left:1em; }
#commentform input:focus,#commentform textarea:focus{border:1px solid #999; }
.button{border:1px solid #ccc; background:#F7F7F1; padding:0.2em 2em; }
.comment_input{width:240px; border:1px solid #ccc; background:#F7F7F1; padding:0.3em; }
.message_input{font-size:1em; width:500px; height:200px; border:1px solid #ccc; margin-top:0.2em; background:#F7F7F1; padding:0.3em; }
.commentlist_error{color:#c00; }
strong{font-weight:700; }

ul li,ol li,.aside dd p{
 margin-bottom:0.5em;
}


*/


/* プリント用定義 */

#header_container, .container{
 width: 700px;
}

#column_center {
 width: 700;
 float: none;
 padding: 0x;
}

#header {
 display: none;
}

.subMenu{
 display: none;
}

.nextBack{
 display: none;
}

#rightcolumn {
 display: none;
}

#toTop{
 display: none;
}

#footer {
 display: none;
}