/* CSS Document */
html{
		height:100%;
}
body{
		height:100%;
		background:url(../images/header_bg.gif) top repeat-x;
		margin:0;
		font-size:11px;
		line-height:1.5em;
		font-family:Meiryo, Verdana, Arial, 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
}

/* 2009.09.29 add H.M */
h1,h2,h3,h4,h5{
		font-size:11px;
		font-family:Meiryo, Verdana, Arial, 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
		font-weight:normal;
}


a img{
		border:none;
}
.reset{
		clear:both;
}

.seo{
		display : none;
}

#wrapper{
        position: relative;
        height: 100%;
        min-height: 100%;
		width:100%;
		margin:0px auto;
		margin:auto;
}
body > #wrapper{
        height: auto;
}

#sub_wrapper{
		padding-bottom:100px;
}

#header{
		width:850px;
		margin:0px auto;
}
#logo{
		float:left;
}
#header_link{
		float:right;
		background:#4dab7c;
		color:#ffffff;
		display:block;
		padding:5px 15px 7px 15px;
		
}
#header_link a{
		color:#ffffff;
}
#header p{
		clear:right;
		float:right;
		text-align:right;
		margin-top:5px;
		font-size:12px;
		line-height:1.3em;
}

/* -------------------------------------------------------------------- グローバルメニュー */
#global{
		width:100%;
		height:30px;
		border:solid #888888;
		border-width:1px 0px 1px 0px;
		background:#eeeeee;
}

#global ul{
		display:block;
		margin:0px auto;
		padding:0px;
		width:850px;
}
#global ul li{
		list-style:none;
		list-style-position:outside;
		width:105px;
		height:30px;
		line-height:30px;
		float:left;
		text-align:center;
		border-right:solid 1px #888888;
		
}
#global .first{
		border-left:solid 1px #888888;
}
#global .select{
		background:#999999;
		color:#ffffff;
}
#global a{
		display:block;
		width:100%;
		height:100%;
}
#global a:hover{
		background:#999999;
		color:#ffffff;
}
/* area */
#area a{
		text-decoration:none;
		color:#484848;
}
#area a:hover{
		text-decoration:none;
}
/* area */

#global_shade{
		background:url(../images/blobal_shade.gif) top;
		height:18px;
}




/* -------------------------------------------------------------- SEO対策サービス*/
.seo_table{
		border:solid 1px 1px 1px 1px #cccccc;
}

.seo_td{
		border:solid 1px 1px 1px 1px #cccccc;
}
/* -------------------------------------------------------------------- パンくず */
#pankuzu{
		border-bottom:solid 7px #cccccc;
		margin:0 auto 24px auto;
		width:850px;
		font-size:12px;
}
#pankuzu #where{
		float:left;
		padding-left:5px;
}
#pankuzu #update{
		float:right;
		padding-right:5px;
}


#container{
		width:850px;
		margin:0px auto;
}

#top_contents{
		float:left;
		width:568px;
		border:solid 1px #cccccc;
		padding:15px 15px 0 15px;
}

#second_contents{
		float:left;
		width:568px;
		border:solid 1px #cccccc;
		padding:15px 15px 0 15px;
}
/* -------------------------------------------------------------------- top page */
.hp_category_table{
		width:568px;
		border:solid 1px #cccccc;
		margin-bottom:15px;
		font-size:14px;
}

.seo_category_table{
		width:568px;
		border:solid 1px #cccccc;
		margin-bottom:15px;
		font-size:14px;
}

/* -------------------------------------------------------------------- top page */
.top_category_block_first{
		float:left;
}
.top_category_block{
		float:left;
		margin-left:15px;
}
.top_category_table{
		width:178px;
		border:solid 1px #cccccc;
		margin-bottom:15px;
}


.top_category_table th{
		text-align:left;
		padding:5px 0 3px 8px;
		color:#555555;
		font-size:12px;
}
.th_bg_blue{background:#e9ecf6;}
.th_bg_red{background:#fae7e3;}
.th_bg_gray{background:#f2f2f2;}
.th_bg_yellow{background:#fcf9e2;}
.th_bg_beige{background:#f4f4e0;}
.th_bg_purple{background:#f3e8f5;}
.th_bg_green{background:#eef5e4;}
.th_bg_pink{background:#FFC0CB;}

.td_border_blue{background:#939fd0; height:2px;}
.td_border_red{background:#e58873; height:2px;}
.td_border_gray{background:#cccccc; height:2px;}
.td_border_yellow{background:#f2e06d; height:2px;}
.td_border_beige{background:#cccccc; height:2px;}
.td_border_purple{background:#c399cb; height:2px;}
.td_border_green{background:#cccccc; height:2px;}
.td_border_pink{background:#FF1493; height:2px;}

.top_category_table .under{
		padding:5px;
}


#right_navi{
		float:right;
		width:234px;
}
.top_side_menu{
		padding-left:15px;
}
#search_submit{
		width:55px;
		padding:0px;
}


.top_title{
		color:#1a66ca;
		border-bottom:solid 1px #3bcaac;
		padding:5px 5px 5px 0;
		margin-bottom:10px;
}
.top_title img{
		margin:0 3px 0 3px;
}

#footer{
		width:100%;
		height:63px;
		margin-top:35px;
        position: absolute;
        bottom: 0px;
		border-top:solid 1px #CCCCCC;
		border-bottom:solid 5px #28ad62;
		
}
#footer_sentense{
		width:850px;
		padding-top:15px;
		margin:0px auto;
}




/* --------------------------------------------------------技術ページ */
.tec_title{
		background:url(../images/tec_title.gif) no-repeat;
		font-size:20px;
		font-weight:900;
		height:40px;
		line-height:40px;
		padding-left:20px;
		color:#666666;
		margin-bottom:30px;
}

#contents{
		float:left;
		width:600px;
}

#contents #mokuji{
		min-width:300px;
		border:solid 1px #cccccc;
		margin-bottom:20px;
}
#contents #mokuji th{
		background:#f4f4e0;
		font-size:16px;
		line-height:24px;
		color:#666666;
}

#contents #mokuji td{
		padding:10px 50px 10px 10px;
}

.contents_area{
		float:left;
		width:568px;
		border:solid 1px #cccccc;
		padding:15px 15px 0 15px;
}

/*.contents_page{
		float:left;
		width:824px;
		border:solid 1px #cccccc;
		padding:15px 15px 0 15px;
}現状使用していない*/

.contents_title{
		background:url(../images/contents_title.gif) left no-repeat;
		padding-left:10px;
		line-height:30px;
		margin-bottom:10px;
}

.contents_sentense{
		margin-bottom:30px;
}
.image_title{
		background:url(../images/image_title.gif) left no-repeat;
		padding-left:16px;
}

.contents_navi{
		padding:30px 0 15px 0;
		text-align:center;
}
.contents_navi a{
		margin:0 15px 0 15px;
}




/* ----------------------------------------------------------- 技術ページメニュー */
#contents_right{
		float:right;
		width:234px;
}
#contents_menu{
		float:right;
		width:234px;
}

#category_name{
		background-color:#cccccc;
		background-image:url(../images/category_name.gif);
		background-position:left;
		background-repeat:no-repeat;
		color:#4d4d4d;
		height:30px;
		line-height:30px;
		padding-left:18px;
		border:solid 1px #999999;
}

.sub_category_name{
		padding-left:12px;
		background-color:#f2f2f2;
		line-height:26px;
		height:26px;
		border:solid #999999;
		border-width:0px 1px 1px 1px;
		font-size:12px;
}

.other_link{
		padding-left:12px;
		background-color:#f2f2f2;
		line-height:26px;
		height:26px;
		border:solid #999999;
		border-width:0px 1px 1px 1px;
		text-decoration:underline;
		font-size:12px;
}

.detail_list{
		padding:8px 10px 8px 18px;
		border:solid #999999;
		border-width:0px 1px 1px 1px;
		font-size:12px;
}


/* PGP */
.contents_dos{
		font-family:monospace;
		padding:1em;
		margin:0px 1em 0px 1em;
		background-color:#000000;
		color:#ffffff;
}
.contents_blockquote{
		padding:1em;
		margin:0px 1em 0px 1em;
		border:solid 1px #cccccc;
}
/* PGP */