@charset "utf-8";

/*----------------------------------------------------------------
 *　layout.css
----------------------------------------------------------------*/

body {
	color: #666;
	font: 12px/155% "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "MS PGothic", sans-serif;
}

/* header
------------------------------------------------- */

#header01 {
	background: url(../img/hm_back.jpg) repeat-x left top;
	height: 41px;
	width: 100%;
	min-width:960px;
}

#header02_wrap {
	background: url(../img/cont_back.jpg) repeat-x left top;
}

#header02 {
	width: 960px;
	margin:0px auto 10px auto;
	padding-top:10px;
}

.main_img {
	float:left;
}

/* main
------------------------------------------------- */

#content {
	width:948px;
	margin:0 auto;
	padding-left:8px;
	border-top: 2px solid #d0d0d0;
	border-right: 2px solid #d0d0d0;
	border-left: 2px solid #d0d0d0;
	padding-bottom:50px;
}

#left {
	float:left;
	width:710px;
}

#right {
	float:right;
	width:222px;
	background: #f8f8f8 url(../img/side_back.jpg) repeat-y;
}

/* hタグ
------------------------------------------------- */

h1 {
	float:left;
	padding-right:10px;
}

#top h2 {
	margin-bottom:15px;
}

#support h2 {
	margin-top:8px;
	margin-bottom:20px;
}

#top h3.type01{
	padding:2px 0 3px 12px;
	margin-bottom:14px;
	background: url(../img/mark01.gif) no-repeat 0px 6px;
	zoom:1;
	border-bottom: 1px dashed #666;
}

#top h3.type01 a:link,
#top h3.type01 a:visited,
#top h3.type01 a:hover,
#top h3.type01 a:active{
	font-size: 14px;
	font-weight: bold;
	color: #ba8f2d;
	text-decoration: none;
}

#top h3.type02{
	height:27px;
	padding:4px 0 3px 25px;
	margin-bottom:14px;
	background: url(../img/sample_tit.gif) no-repeat 0px 0px;
	zoom:1;
}

#top h3.type02 a:link,
#top h3.type02 a:visited,
#top h3.type02 a:hover,
#top h3.type02 a:active{
	font-size: 14px;
	height:27px;
	font-weight: bold;
	color: #ffffff;
	zoom:1;
	text-decoration: none;
}

#top h3.support{
	font-size: 14px;
	font-weight: bold;
	color: #ba8f2d;
	padding:0 0 3px 12px;
	margin-bottom:14px;
	background: url(../img/mark01.gif) no-repeat 0px 6px;
	border-bottom: 1px dashed #666;
	zoom:1;
}


#support h3{
	padding-bottom:10px;
}

#support  h4 {
	font-size: 14px;
	font-weight: bold;
	color: #ba8f2d;
	padding:0 0 5px 20px;
	background: url(../img/mark02.gif) no-repeat 0px 1px;
	zoom:1;
}


/* cont
------------------------------------------------- */

.cont01 {
	padding-top:8px;
	margin-bottom:22px;
}

/* txtpic   
------------------------------------------------- */

.txtpic01,
.txtpic02,
.txtpic06,
.txtpic05{
	padding-bottom:14px;
}

.txtpic03,
.txtpic04,
.txtpic05{
	margin-top:14px;
}

.txtpic01 .txt {
	float:left;
	width:500px;
}

.txtpic01 .pic {
	float:right;
	width:187px;
}

.txtpic02 .pic {
	float:left;
	padding:0 9px 4px 0;
	width:100px;
}

.txtpic03 .txt {
	float:left;
	width:431px;
}

.txtpic03 .pic {
	float:right;
	width:236px;
}

.txtpic04 .txt {
	float:left;
	width:337px;
}

.txtpic04 .pic {
	float:right;
	width:330px;
}

.txtpic05 .txt {
	float:left;
	width:330px;
}

.txtpic05 .pic {
	float:right;
	width:330px;
}

.txtpic06 .txt {
	padding:0 10px;
}

.txtpic06 .pic {
	float:right;
	width:120px;
	padding:0 00px 10px 10px;
}

.txtpic07 .txt {
	float:left;
	width:490px;
}

.txtpic07 .pic {
	float:right;
	width:187px;
}

/* txt
------------------------------------------------- */

.txt01 {
	margin-top:14px;
}

.txt02 {
	margin:14px 0 5px 0;
	font-weight: bold;
}

.txt03 {
	margin:0px 0 5px 0;
	font-weight: bold;
}

.txt04{
	font-size: 10px;	
}

.txt05{
	font-size: 11px;	
}


/* link
------------------------------------------------- */

.link01 {
	padding-left: 30px;
	margin-left:310px;
}

.link02 {
	padding-left: 30px;
	margin-left:150px;
}


/* box
------------------------------------------------- */

.box01 {
	float:left;
	background: url(../img/box_back.jpg) repeat-x left bottom;
	width: 328px;
	height:320px;
	padding:10px;
	margin:0 10px 10px 0;
	border: 1px solid #CCC;
	display:inline;
}

.box02 {
	float:left;
	background: url(../img/box_back.jpg) repeat-x left bottom;
	width: 328px;
	height:320px;
	padding:10px;
	border: 1px solid #CCC;
}

.box03 {
	border: 1px solid #CCC;
	padding:11px 11px 11px 11px;
}

.box04 {
	border: 1px solid #CCC;
	padding:0px 11px 11px 11px;
}

.box05{
	float:left;
	background: url(../img/sample_back.jpg) no-repeat left bottom;
	width: 338px;
	height:305px;
	padding:0 10px 10px 0;
	border: 1px solid #CCC;
	margin-right:10px;
	display:inline;
}

.box06{
	float:left;
	background: url(../img/sample_back.jpg) no-repeat left bottom;
	width: 338px;
	height:305px;
	padding:0 10px 10px 0;
	border: 1px solid #CCC;
	display:inline;
}

/* side_menu
------------------------------------------------- */

.menu01 {
	margin-top:21px;
}

.menu01 li {
	margin-bottom:7px;
	font-size:0px;
	line-height:0px;
}

.menu01 dt {
	margin:0 0 10px 20px;
	font-size:0px;
	line-height:0px;
}

.menu01 dd {
	margin-bottom:7px;
	font-size:0px;
	line-height:0px;
}

.divide {
	margin:40px 0 7px 0;
}

.menu02 {
	margin-top:20px;
}

.menu02 li {
	margin:0px 0 20px 12px;
	font-size:0px;
	line-height:0px;
}

.menu02 li img {
	border: 1px solid #555;
}

.last {
	padding-bottom:50px;
}

/* footer
------------------------------------------------- */

#footer {
	min-width:960px;
	background: url(../img/footer_back.jpg) repeat-x;
	height: 127px;
}

#footer p.f01 {
	text-align:center;
	padding-top:78px;
}

#footer p.f02 {
	text-align:center;
	padding-top:10px;
}

/* other
------------------------------------------------- */

.bold{
	font-weight: bold;	
}

.pagetop{
	text-align:right;	
}

.tit_line01 {
	background: url(../img/line02.gif) repeat-x left bottom;
	margin-top:14px;
}

.contact{
	background: #EFEFEF;
	border: 1px solid #ccc;
	margin-top:14px;
	padding: 10px;
}

.img01{
	margin:30px 0;
	text-align:center;
}

.tit01{
	margin:0 0 15px -11px;

}

.mt01{
	margin-top:18px;	
}

.mt02{
	margin-top:0px;	
}

.mt03{
	margin-top:5px;	
}

.mt04{
	margin-top:-14px;
	position:relative;
	zoom:1;
}

.red{
	color: #F00;		
}

.color{
	color: #389531;
}