/* Edited with EditCSS */
/*CSSLicense: STEPONE Co.,Ltd*/

* {
	margin: 0;
	padding: 0;
}

html{height: 100%;}


/* BODY-------------------------------*/
body {
	background-color: #E7E7E7;
	background-image: url(img/bg.gif);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	line-height:150%;
	letter-spacing: normal;
	color: #333;
	list-style: none;
	text-align: center;
	font-weight: normal;
	font-size: 13px;
	font-family: arial, helvetica, hirakakupro-w3, osaka, "ms pgothic", sans-serif;
}

/*デフォルト属性 */
a, p, h1, h2, h3, h4, h5, h6, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
}

/* strong */
strong {font-weight: bold;}

/* 画像の属性 */
img {border: none; margin: 0;}


a:link, a:visited, a:active {color: #337799;text-decoration: underline;}
a:hover{color : #FF6633;text-decoration: none;}
	
/* 基本設定 ----------------------------- */
#base{
	width: 800px;
	margin: 0 auto;
	background: url("http://xn--gcktcwepby769c0otc.click-you.com/img/base_back.jpg") repeat-y;
	text-align: center;
	position: relative;

}

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
}

#containar {
	width: 800px;
	margin: 10px auto 0 auto;
	text-align: left;
	background: #FFF;
       padding-top:40px;
background: url("http://xn--gcktcwepby769c0otc.click-you.com/img/base_back.jpg") repeat-y;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}

/*  ヘッダー  */

#header h1 a:link, #header h1 a:visited, #header h1 a:active {
 position: absolute;
 top: 20px;
 left: 30px;
 font-size: 22px;
 font-weight: bold;
 color: #FFF;
 text-decoration: none;
text-indent: -2000px;
}

#header h1 a:hover {
 color: #FF9900;
 text-decoration: underline;
}

#header2 {
	height:110px;
	margin: 0;
	color: #FFF;
	text-align: left;
	background: #3398CC url("img/head.jpg") no-repeat;
}

#header2 p{
	position: absolute;
	top: 80px;
	left: 500px;
	width: 280px;
	font-size: 100%;
	color: #333;
	text-align: left;
}

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

#header .ads_header{
	text-align: center;
}


/*  メインメニュー  */
#gmenu{
	position: absolute;
	left:0px;
	top: 110px;
	margin: 0 auto;
	width: 802px;
	height: 24px;
	background: #ddd;
	background-image: url(img/nav.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
        padding-top:6px;
}
#gmenu ul{list-style: none; margin-left: 10px; padding: 0;}
#gmenu li{margin: 0; padding: 0; float: left;}
#gmenu li.nav1 a:link, 
#gmenu li.nav1 a:visited, 
#gmenu li.nav1 a:active {
	color: #777777;
	font-size: 10px;
	line-height: 18px;
	text-decoration: none;
	background-image: url(img/li.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left: 22px;
	padding-right: 18px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666666;
}
#gmenu li.nav1 a:hover{
	color: #000000;
	background-image: url(img/li_ov.gif);
	background-color: #DDDDDD;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9B8AC;

}


.rss{	
	position: absolute;
	top: 700px;
	right: 55px;
}

/*  パンくずリスト  */
.navi {
	margin :0 0 10px;
	width: 100%;
	font-size: 10px;
	padding: 0 5px;
	text-align: left;
}

.navi a {
	color: #337799;
	text-decoration: none;
}

.navi a:hover {
	color: #FF6633;
	text-decoration: underline;
}


/*  記事枠等の属性  */
#content {
	float: left;
	width: 550px;	
	margin: 0;
	padding: 0;
	background: #FFF;
	overflow: hidden;
}

#content h2{
	margin: 5px 0 10px 10px;
	font-size: 14px;
	color: #3F3F3F;
	font-weight: bold;
	text-align: left;
	text-indent: 5px;
	line-height: 150%;
        border-left: 8px solid #AACE6F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}

#content h3 {
	margin: 10px 0;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #A9B59B;
	padding-left: 7px;
	color: #555555;
	font-weight: bold;
	font-size: 100%;
	line-height: 150%;
	display: block;
	text-align: left;
	text-indent: 0;
}

#content h3.post {
	margin: 10px 5px 0 5px;
	border: 0px;
	color: #A9B59B;
	font-weight: bold;
	font-size: 108%;
	line-height: 150%;
	display: block;
	text-align: left;
	text-indent: 20px;
	background: url("img/h3_back.gif") no-repeat top left;
}
			
#content h3.post a {
	color: #A9B59B;
	text-decoration: underline;
}
					
#content h3.post a:hover {
	color: #FF0000;
	text-decoration: none;
}

#content h4 {
	margin: 10px 10px 10px 0;
	border-bottom: 1px solid #DDD;
	color: #c27274;
	font-weight: bold;
	font-size: 108%;
	line-height: 150%;
	display: block;
	text-align: left;
}

#content h5 {
	margin: 10px 10px 10px 0;
	color: #666;
	font-weight: normal;
	font-size: 100%;
	line-height: 150%;
	display: block;
	text-align: left;
}

/*記事枠*/

#content .posted {
	text-align: right;
	font-size: 10px;
	margin: 0px 20px 10px 0;
}

#content .doc{
	margin: 0 10px 0px 20px;
	text-align: left;
}

#content .doc p{
	padding: 5px 0;
}

#content .ads {
	font-size: 12px;
	text-align: center;
	margin: 10px 5px 10px 5px;
	}
#content .ads .slink{
	margin: 0px; 
	font-size: 9px; 
	color: #999;
	text-align: center;
	}

/*記事設定(TopPage)*/
.ctgy dt{
	margin: 10px 0 0 0;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    background: url(img/mark2.gif) no-repeat left;
}

.ctgy dt.t1{
	margin: 10px 0 0 0;
    padding: 0px 0px 0px 20px;
    font-weight: bold;
    font-size: 14px;
    color: #666;
    background: url(img/mark1.gif) no-repeat left;
}

dt.t1 a:link, dt.t1 a:visited, dt.t1 a:active {color: #336699;text-decoration: underline;}
dt.t1 a:hover{color : #FF3300;text-decoration: none;}

.ctgy dd{
	font-size:12px;
    padding:0px 0px 5px 20px;
    margin:5px 0px 10px 0px;
    border-bottom: 1px dotted #999;
    border-right: 1px dotted #999;
}


/* ---- 関連記事リスト属性----- */
#content ol{
	margin: 0px 0px 0px 30px;
}

#content li{
	margin: 0;
	font-size: 100%;
	line-height: 19px;
}

/* ---- 相互リンクリスト属性----- */
#content .slink ul{
	margin: 10px 5px 20px 20px;
}

#content .slink ul li{
	margin: 0;
	font-size: 12px;
	line-height: 150%;
}

/*----- trackbacks & Comments-----*/

#content #trackbackdata, #content #commentdata{
	font-size: 12px;
	color: #888;
	margin: 10px 0 10px 10px;
}

#content #trackbackdata .post1{
	font-size: 10px;
	color: #888;
	margin: 0;
	border-bottom: 1px solid #888;
}

#content #commentdata .post2{
	margin-bottom: 10px;
	font-size:10px;
	text-align: right;
}

#content .error {
	font-size : 14px;
	color: red;
	border: 1px solid red;
	padding: 5px;
	text-align: center;
}

#content .next{
	text-align: right;
}

/*-----アドセンス-----*/
.ads_img{
 	margin: 2px 0 0 10px;
 	text-align: left;
}

.ads_banner{
 	margin: 5px;
 	text-align: center;
}

.ads_rec{
 	margin: 0 0 10px 20px;
 	font-size: 12px;
 	text-align: left;
}

.ads_sqr{
 	margin: 0 10px 0 0;
 	font-size: 12px;
 	text-align: left;
 	float: left;
}

/*NAKAO*/
#news dl{
	margin: 10px 0 40px 0;
	color: #555;
}

#news dt a{
	margin: 0 0 0 20px;
	text-decoration: underline;
	font-size: 12px;
	font-weight: bold;
}

#news dd{
	margin: 0 0 0 25px;
	color: #666;
	font-size: 12px;
}

/*  サイドメニュー等の属性  */
#sidebar {
	float: left;
	width: 175px;
        margin: 0 0 0 40px;
	padding: 0;
       border: 8px solid #EEEDE9;
	background: #B9B8AC;
	overflow: hidden;
}

#sidebar h2{
	margin: 10px 0 0 0;
 		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
       background-color: #666666;
	background-image: url(img/side_h3.gif);
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #969583;
	border-left-color: #969583;
	height: 23px;
       font-weight: bold;
	font-size: 100%;
	line-height: 170%;
	color: #FFF;
	text-align: center;
	text-indent: 5px;
width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 5px;
}

#sidebar .search{	
	margin: 0;
	border-left: 1px solid #969583;
	border-right: 1px solid #969583;
	border-bottom: 1px solid #969583;
width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

/*　検索窓　*/
#sidebar .search div {
	padding: 10px;
	text-align: left;
        background: #EEEDE9;
        color: #666;
}

#sidebar .search .inner {
    font-size: 12px;
	padding: 10px 20px;
	text-align: center;
}

/* カテゴリ指定 */
#sidebar .cat{
	margin: 0;
}

#sidebar .cat h2{
	margin: 5px 5px 0 10px;
	border: 1px solid #555;
	background: #0B9EB7;
	font-weight: bold;
	font-size: 108%;
	line-height: 170%;
	color: #FFF;
	text-align: left;
	text-indent: 5px;
}

#sidebar ul.menu{
	display: block;
	margin: 0 0 10px 0;
	list-style-type: none;
	border-left: 1px solid #969583;
	border-right: 1px solid #969583;
	border-bottom: 1px solid #969583;
	text-align: left;
width: 160px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
}

#sidebar ul.menu li.c1 a {
	display: block;
 	height: 18px;
 	list-style: none;
 	padding: 0 0 0 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 110%;
 	overflow: hidden;
	background: #FFF url("http://www.stepone.cc/img/menu01.gif") no-repeat;
	background-image:url(img/li.gif);
	background-repeat: no-repeat;
	background-color: #EEEEEE;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #948C74;
	background-position: 7px center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CBC8EC;

}

#sidebar ul.menu li.c1 a:hover {
	background: #FCF9E4 
background-image:url(img/li.gif);
	color: #000;
	text-decoration: none;
}


#sidebar ul.menu li a {
	display: block;
 	height: 25px;
 	list-style: none;
 	padding: 0 0 0 40px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 170%;
 	overflow: hidden;
	background-color: #FCF9E4;
	color: #666;
	text-decoration: none;
	background-position: 8px;
}

#sidebar ul.menu li a:hover {
	background-color: #FCF9E4;
	color: #000000;
	text-decoration: none;
	background-position: 8px;
}

#sidebar ul.arch li a {
 	height: 25px;
 	list-style: none;
 	padding: 0;
 	text-indent: 20px;
 	text-decoration: none;
 	font-size: 100%;
 	line-height: 200%;
 	display: block;
	background: #FFF url("http://www.stepone.cc/img/arch01.gif") no-repeat;
}

#sidebar ul.arch li a:hover {
	background: #FFF url("http://www.stepone.cc/img/arch02.gif") no-repeat;
	color: #FF6633;
}

/*フッターナビ*/
.f_navi {
	clear: both;
	text-align: right;
	margin: 0px;
	padding: 10px 20px 15px 15px;
	font-size: 85%;
}

.f_navi img{margin: 0 3px;border-style: none; vertical-align: middle;}

/*フッター*/
#footer{
	clear: both;
	background-image: url(img/foot_bg.gif);
	background-repeat: repeat-x;
	border: 1px solid #E2E2DE;
	padding: 10px;
	background-color: #F5F4F0;
	background-position: bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
        width:780px;
}

#footer .copyright{
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10px;
	line-height: 20px;
}

address {
	font-style: normal;
	color: #FFFFFF;
	text-align: right;
	display: block;
	background-color: #8C8A84;
	font-size: 10px;
	padding: 5px;
        width:790px;
	background-position: bottom;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
       margin: 0px auto 0 auto;
}

/* タグ指定 */

.module-tagcloud{
	margin: 0;
}

.module-tagcloud h2{
 margin: 10px 0 0 0;
 height: 22px;
 color: #FFF;
 font-weight: bold;
 line-height: 180%;
 text-indent: 10px;
 text-align: left;
 background: #0B9EB7;
 display: block;
}

.module-tagcloud .module-content{
	margin: 0;
	background: #EEE;
	text-align: left; 
}

.module-tagcloud .module-content .module-list{
	padding: 5px;
	list-style: none;
}

.module-tagcloud .module-content .module-list .module-list-item { display: inline; }
.module-tagcloud .module-content .module-list li.taglevel1 { font-size: 19px; }
.module-tagcloud .module-content .module-list li.taglevel2 { font-size: 17px; }
.module-tagcloud .module-content .module-list li.taglevel3 { font-size: 15px; }
.module-tagcloud .module-content .module-list li.taglevel4 { font-size: 13px; }
.module-tagcloud .module-content .module-list li.taglevel5 { font-size: 11px; }
.module-tagcloud .module-content .module-list li.taglevel6 { font-size: 9px; }

.tag_line{
	margin: 10px;
	text-align: left;
}


table{
	margin:auto;
	padding:0px;
	border: 1px solid #CCCCCC;
	width: 480px;

}


th{
	background-color:#FFFFFF;
	font-weight: normal;
	text-align: center;
}

td{
	padding:5px;
	border: 1px solid #CCCCCC;
	vertical-align: top;

}

tr{
background-color:#ffffff;
}
.tab2 td{
border:none;
}
.tab2 table{
border:none;
}

/*ここからテスト*/
#content p{
	padding-top: 5px;
	padding-bottom: 5px;
	background-image: url(img/note_line.gif);
	margin-right: 30px;
	margin-left: 30px;
	line-height: 20px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
width:490px;
}


#content ul {
	margin-left: 30px;
	list-style-type: none;
}
#content li a {
	font-size: 12px;
}


#content #c_pad {
	padding: 10px;
}



#content #c_pad p a {
	line-height: 20px;
}

#content #c_pad p strong {
	line-height: 20px;
}

#content #top_img {
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #EEEDE9;
	background-image: url(img/top_img.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
width:490px;

}

#content #c_pad #top_img p {
	font-size: 10px;
	color: #FFFFFF;
	background-image: none;
	margin-top: 15px;
	margin-left: 5px;
	margin-right: 250px;


}


#content #c_pad .img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 5px;
}

#content #c_pad .img_left img {
	border: 1px solid #999999;
}

#content #c_pad .c_img_left {
	float: left;
	background-color: #FFFFFF;
	padding: 10px;
}

#content #c_pad .c_img_left img {
	border: 1px solid #999999;
}

#content #c_pad .c_img_right {
	float: right;
	background-color: #FFFFFF;
	padding: 10px;
}

#content #c_pad .c_img_right img {
	border: 1px solid #999999;
}

.btn a {
	font-size: 10px;
	line-height: 17px;
	height: 17px;
	padding-right: 5px;
	padding-left: 5px;
	color: #FFFFFF;
	background-color: #7A7A76;
	border: 1px solid #D2D2D2;
	width: 80px;
	display: block;
	float: right;
	text-align: center;
	text-decoration: none;
	background-image: url(img/btn.gif);
	margin-right: 5px;
        margin-top: -12px;
}

.btn a:hover {
	background-color: #FF9900;
	background-image: url(img/btn_ov.gif);
}
/*
2box
-------------------------------------------------------------------*/
#base #wrapper #content #c_pad .box2 {
	float: left;
	height: 150px;
	width: 250px;
	border: 1px solid #DDDDDD;
	margin: 5px;
	padding: 5px;
	background-image: url(img/box_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#base #wrapper #content #c_pad .box2 h3 {
	margin: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DCDBD8;
	background-color: #4A761B;
	border-left-color: #72B82C;
	color: #FFFFFF;
}

#base #wrap #content #c_pad .box2 p {
	margin: 0px;
}
/*
?e?[?u??
-------------------------------------------------------------------*/

#content #c_pad table {
	width: 510px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#content #c_pad table td {
	padding: 5px;
	border: 1px solid #EAE8DF;
}
#content #c_pad table th {
	background-color: #EFEDE7;
	padding: 7px;
}
#content #c_pad form table th {
	width: 127px;
}


/*パンくずリスト*/
-------------------------------------------------------------------*/
#contents #pan {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EAEAEA;
}
#contents #pan a {
	margin-right: 7px;
	margin-left: 7px;
}
#contents #pan strong {
	margin-left: 7px;
}