/*  
Theme Name:D-cat
Thme URI:http://d-skate.xsrv.jp
Description:Design,Coding by D-graphics @ dcat
Author:D-graphics
*/

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-weight:normal;
	font-style:normal;
	font-size:75%;
	background: #ffffff url(images/bg.gif) repeat-x 0 0;
	color: #222222;
	text-align:center;
	}
*{
	margin:0px;
	padding:0px;
}

img{
border:0;
}

h1,h2,h3,h4,h5{
	font-size:100%;
}

a, a:visited{
	color: #4b4b4b;
	text-decoration: none;
	}
a:hover{
	color: #999;
	text-decoration: underline;
	}
#wrapper {
 width:760px;
 float:left;
}

#container { 
	width: 960px; 
	text-align: left; 
	margin: 0 auto; 
}



#header{
	width:960px;
	height:204px;
	margin:0 auto;
	text-align: left; 
	clear:both;
}
#header h1 {
	width:260px;
	height:168px;
	float:left;
	display:inline;
}

#header h1 a {
	width:260px;
	height:168px;
	background: url(images/h1.jpg) 0 0 no-repeat;
	display:block;
	text-indent:-9999px;
	}

#header h2 {
	width:270px;
	height:80px;
	float:left;
	text-indent:-9999px;
	background: url(images/h2.jpg) 0 0 no-repeat;
}

#header .banner2{
	width:176px;
	margin-right:20px;
	margin-top:20px;
	display:inline;
	float:right;
}
#header .banner{
	width:480px;
	float:right;
	margin-right:10px;
	margin-top:20px;
	display:inline;
}

#header #top2nd{
	float:right;
}

#header #top2nd a,
#header #top2nd a:visited{
	color:fff;
}
#header #top2nd a:hover{
	color:fff;
	text-decoration: underline;
}

#header ul{
	list-style:none;
	width:960px;
	height:36px;
	clear:both;
}

#header .t_nav01{
	width:121px;
	height:36px;
	background: url(images/t_nav01.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav01 a{
	width:121px;
	height:36px;
	display:block;
}
#header .t_nav01 a:hover{
	background: url(images/t_nav01_on.jpg) 0 0 no-repeat;
}

#header .t_nav02{
	width:119px;
	height:36px;
	background: url(images/t_nav02.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav02 a{
	width:119px;
	height:36px;
	display:block;
}

#header .t_nav02 a:hover{
	background: url(images/t_nav02_on.jpg) 0 0 no-repeat;
}

#header .t_nav03{
	width:120px;
	height:36px;
	background: url(images/t_nav03.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav03 a{
	width:120px;
	height:36px;
	display:block;
}

#header .t_nav03 a:hover{
	background: url(images/t_nav03_on.jpg) 0 0 no-repeat;
}
#header .t_nav04{
	width:120px;
	height:36px;
	background: url(images/t_nav04.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav04 a{
	width:120px;
	height:36px;
	display:block;
}

#header .t_nav04 a:hover{
	background: url(images/t_nav04_on.jpg) 0 0 no-repeat;
}
#header .t_nav05{
	width:120px;
	height:36px;
	background: url(images/t_nav05.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav05 a{
	width:120px;
	height:36px;
	display:block;
}

#header .t_nav05 a:hover{
	background: url(images/t_nav05_on.jpg) 0 0 no-repeat;
}
#header .t_nav06{
	width:120px;
	height:36px;
	background: url(images/t_nav06.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav06 a{
	width:120px;
	height:36px;
	display:block;
}

#header .t_nav06 a:hover{
	background: url(images/t_nav06_on.jpg) 0 0 no-repeat;
}

#header .t_nav07{
	width:120px;
	height:36px;
	background: url(images/t_nav07.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav07 a{
	width:120px;
	height:36px;
	display:block;
}

#header .t_nav07 a:hover{
	background: url(images/t_nav07_on.jpg) 0 0 no-repeat;
}
#header .t_nav08{
	width:120px;
	height:36px;
	background: url(images/t_nav08.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:left;
}

#header .t_nav08 a{
	width:120px;
	height:36px;
	display:block;
}

#header .t_nav08 a:hover{
	background: url(images/t_nav08_on.gif) 0 0 no-repeat;
}


.section{
	clear:both;
	width:540px;
	float:left;
	margin-bottom:10px;
	display:inline;
}

.section_box1,
.section_box2{
	width:258px;
	border:1px solid #444444;
	display:inline;
	text-align:center;
	background: url(images/tit_bg01.gif) repeat-x 0 0;
}
.section_box1{
	margin-right:5px;
	margin-bottom:10px;
	float:left;
}

.section_box2{
	margin-left:5px;
	margin-bottom:10px;
	float:right;
}

.section_box3{
	margin-bottom:10px;
	background: url(images/tit_bg01.gif) repeat-x 0 0;
	width:538px;
	border:1px solid #ccc;
	display:inline;
	text-align:center;
	float:left;
}

.section_box1 span,


.section_box2 span,
.section_box3 span{
	font-weight:bold;
	color:#ff9600;
	text-align:center;
}

#content { 
	width: 530px; 
	color: #222;
	position:relative;
	padding: 10px 10px 15px 10px;
	min-height: 660px;
	float:right;
	display:inline;
	margin-top:5px;
}

#content2{
	width: 960px; 
	text-align:center;
	float:right;
	margin:15px 0;
	display:inline;
}
* html #content { height: 660px; word-wrap: break-word; }
#content p{
	margin: 0;
	line-height: 18px;
	padding: 0 0 10px 0;
	}
#content p img{
	border: none;
	margin-right: 5px;
	margin-bottom: 3px;
	}

#content h2 {
	width:540px;
	height:32px;
	text-align:center; 
	clear:both;
	background:url(images/con_tit.gif) 0 0 no-repeat;
	line-height:32px;
	font-size:120%;
	color:#222222;
}

#content h2 a{
	color:#222;
}

#content h2 a:hover
	color:#555;
	text-decoration:underline;
}

#content .con_in{
	margin:0 0 10px;
	width:538px;
	border:1px solid #f87202;
	font-size:12px;
}
#content .con_in p{
	padding:0 5px;
	line-height:20px;
}

#content .con_in h3{
	padding:10px 5px 0;
	font-size:130%;
}

#content h3 {
	font: bold Helvetica, Arial, Verdana, Sans-Serif; 
	color: #333;
	margin-bottom: 10px;
	line-height: 140%;
	border-bottom: 1px solid #333;
	}
#content h3 a  {
	color: #333;
	text-decoration: none;
	}
#content h3 a:hover {
	color: #666;
	text-decoration: none;
	}
#content h3 span{
	font-size:80%;
	font-weight:bold;
}

#content ol {
	list-style: decimal; 
	line-height: 18px;
	margin: 0;
	padding: 0 0 10px 30px;
	}
#content ul {
	list-style: none;
	margin: 0;
	padding: 0 0 20px 0;
	}
#content li {
	margin: 0;
	padding: 0;
	}
#content ul li {
	list-style: square inside;
	margin: 0 0 0 10px;
	padding: 5px 0 0 0;
	}
#content ul li a {
	color: #222;
	text-decoration: none;
	}
#content ul li a:hover {
	color: #b4d1b3;
	text-decoration: underline;
	}
#content table{
	background:#fff;
	border-collapse:collapse;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	margin:5px auto 10px;
}
#content table th,#content table td{
	border-collapse:collapse;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	border-bottom:solid 1px #999;
	line-height:18px;
	padding:3px 3px;
}


blockquote{
	margin: 0 0 0 25px;
	padding: 0 25px 0 10px;
	font-style: italic;
	color: #999;
	border-left: 1px solid #cccccc;
	}
#content blockquote p{
	margin: 0 0 20px 0;
	padding: 0;
}

#l_sidebar { 
	color: #222;
	width: 181px;
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 10px 15px 8px; 
	min-height: 660px;
	text-align: left;
	float:right;
	display:inline;
}

#l_sidebar .nav_tit02{
	background:url(images/nav_tit03.gif) 0 0 no-repeat;
}

* html #l_sidebar { height: 660px; }
#l_sidebar p{
	margin: 0;
	line-height: 16px;
	padding: 5px 0 10px 0;
	}

#l_sidebar h3, #r_sidebar h3 {
	width:181px;
	height:25px;
	color: #fff;
	font-weight: bold;
	text-indent:40px;
	line-height:25px;
	background:url(images/nav_tit01.gif) 0 0 no-repeat;
	margin-top:15px;
}
#l_sidebar ul,#r_sidebar ul{
	list-style:none;
}

#l_sidebar ul li, #r_sidebar ul li{
	width:181px;
	height:20px;
	line-height:20px;
	background:url(images/nav_bg.gif) 0 0 no-repeat;
	text-indent:25px;
}
.navi_in{
	width:179px;
	border:1px solid #157ddd;
	padding:5px 0;
}

.navi_in p{
	text-align:left;
	text-indent:30px;
	margin-bottom:10px;
}

.navi_bnr{
	width:179px;
	border:1px solid #157ddd;
	padding:5px 0;
}

.navi_bnr p{
	text-align:center;
	margin-bottom:10px;
}

#l_sidebar ul li a, #r_sidebar ul li a{
	width:181px;
	height:20px;
	display:block;
}

#l_sidebar ul.children {
	margin-right: 15px;
	}
#l_sidebar ul li a {
	display: block;
	text-decoration: none;
	}

#l_sidebar ul#top_nav li{	
	width:181px;
	height:25px;
	line-height:25px;
	background:url(images/nav_bg02.gif) 0 0 no-repeat;
	text-indent:25px;
	font-size:120%;
	font-weight:bold;
}

#l_sidebar ul#top_nav li a{
	width:181px;
	height:25px;
	display:block;
}


#r_sidebar { 
	color: #222;
	width: 181px;

	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 0px 15px 10px; 
	min-height: 660px;
	float:left;
	display:inline;
}

* html #r_sidebar { height: 660px; }

#r_sidebar p{
	margin: 0;
	line-height: 16px;
	padding: 5px 0 10px 0;
	}
#r_sidebar ul.children {
	margin-left: 15px;
	}



#footer {
	color: #222; 
	padding: 20px 0 20px 0;
	text-align: center;
	clear: both;
	}
#footer a {
	color: #222;
	text-decoration: none;
	}
#footer a:hover {
	color: #b4d1b3;
	text-decoration: underline;
	}

/*---=09_general_purpose---*/

.mt10{
	margin-top:10px;
}
.mt5{
	margin-top:5px;
}
.mb10 {
	margin-bottom:10px;
}
.pd5{
padding:5px;
}

.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}

.ali_cen {
	text-align:center;
}
.ali_right {
	text-align: right;
}
.ali_left {
	text-align: left;
}

.fl {
	float:left;
}
.fr {
	float:right;
}

.clb {
	clear:both;
}
.cll {
	clear:left;
}
.clr {
	clear:right;
}

.tx_red{
	color:#ff0000;
}

hr
{
clear:both;
height:0;
visibility:hidden;
border:0;
}
/*---table-filter--*/
.tb_alpha{
filter:alpha(opacity=70)
}