/*------------------------------------
	#全体 スタイル
-------------------------------------- */
/* h1 アンダーライン*/
h1{
	color: #003399;
	text-align: left;
	border-bottom: solid 1px #003399;
	font-size:1.2em;
	line-height:1.5em;
	padding: 5px 5px;
	/*margin: 5px;*/
}
h1 span{
	width: 100%;
	display:block;
	position: relative;
	/*border: 1px solid red;*/
}
h1 span span{
	width: auto;
	display:block;
	/*background-color:pink;*/
	position: absolute;
	right:0px;
	bottom: 2px;
	padding-right:10px;
	font-size:0.7em;
}
/* h2 バナー（角丸）*/
h2{
	background: url(../img/bnr-01.gif) top left no-repeat;
	color: lightyellow;
	line-height:1.2em;
	font-size:1.5em;
	/*display: block;
	position:relative;
	margin: 5px;*/
}
h2 span{
	height:39px;
	position:relative;
	display: block;
	margin-left:10px;
	background: url(../img/bnr-02.gif) top left repeat-x;
}
h2 span span{
	display:block;
	position: absolute;
	right:0px;
	top: 0px;
	padding-right:10px;
	background: url(../img/bnr-03.gif) right top no-repeat;
	font-size: 0.7em;
}

/* h3 アンダーライン ２列、３列のとき表示しない*/
h3{
	color: #003399;
	border-bottom: solid 1px #003399;
	font-size:1.2em;
	line-height:1.5em;
	padding:5px 5px;
	position:relative;
	/*margin: 5px;*/
}
h3 span{
	width: 100%;
	display:block;
	position: relative;
	/*border: 1px solid red;*/
}
h3 span span{
	width:auto;
	display:block;
	position: absolute;
	right:0px;
	bottom: 2px;
	padding-right:10px;
	font-size:0.7em;
}
/*べた青*/
h4{
	font-size:1.2em;
	line-height:1.5em;
	color: lightyellow;
	background-color: #003399;
	padding:5px 5px;
	position: relative;
	/*margin: 5px;*/
}
h4 span{
	width: 100%;
	display:block;
	position: relative;
	/*border: 1px solid red;*/
}
h4 span span{
	width:auto;
	display:block;
	position: absolute;
	right:0px;
	bottom: 2px;
	padding-right:10px;
	font-size:0.7em;
}
/*グラデーション*/
h5{
	font-size:1.2em;
	line-height:1.5em;
	color: lightyellow;
	background: url(../img/ttl-11.gif) left top repeat-y;
	padding:5px 5px;
	/*margin: 5px;*/
}
h5 span{
	width: 100%;
	display:block;
	position: relative;
	/*border: 1px solid red;*/
}
h5 span span{
	width:auto;
	display:block;
	position: absolute;
	right:0px;
	bottom: 2px;
	padding-right:10px;
	font-size:0.7em;
}
/*右フェードアウトのアンダーライン*/
h6{
	font-size:1.2em;
	line-height:1.2em;
	color: #003399;
	background: url(../img/ttl-11.gif) left bottom no-repeat;
	padding:5px 5px;
	margin: 5px 5px 0 5px;
}
h6 span{
	width: 100%;
	display:block;
	position: relative;
	/*border: 1px solid red;*/
}
h6 span span{
	width:auto;
	display:block;
	position: absolute;
	right:0px;
	bottom: 2px;
	padding-right:10px;
	font-size:0.7em;
}

/* ptn01 画像を左寄せ、右に文章*/
.ptn01 div{
	position:relative;
	width:100%;
	margin:10px auto;
	background-color:white;
}
.ptn01 .x0{}
.ptn01 .x1{display:none;}

.ptn01 img{
	margin: 0px 5px;
	float: left;
	top: 33px;
	left: 5px;
	width: 100px;
}
.ptn01 div p{
	/*border: solid 1px gray;*/
	margin-top:5px;
	margin-left:110px;
	margin-right:5px;
	margin-bottom:5px;
}
/* ptn02 左に文章　画像を右寄せ*/
.ptn02 div{
	/*border: solid 1px aliceblue;*/
	position:relative;
	width:100%;
	margin:10px auto;;
	background-color:aliceblue;
}
.ptn02 .x0{}
.ptn02 .x1{display:none;}

.ptn02 img{
	margin: 0px 5px;
	float: left;
	top: 33px;
	left: 5px;
	width: 100px;
}
.ptn02 div p{
	/*border: solid 1px gray;*/
	margin-top:5px;
	margin-left:110px;
	margin-right:5px;
	margin-bottom:5px;
}

/* ptn03 中央揃えで、タイトル、画像、文*/
.ptn03{
	margin:10px auto;
	/*border: solid 1px gray;*/
}
.ptn03 div{
	width:100%;
	text-align:center;
	position:relative;
}
.ptn03 img{
	margin: 5px auto;
}
.ptn03 .x0{}
.ptn03 .x1{display:none;}

.ptn03 p {
	margin: 10px 0px 10px 10px ;
}

/* ptn04 中央揃えで、画像、タイトル、文*/
.ptn04{
	margin:10px auto;
	/*border: solid 1px gray;*/
}
.ptn04 div{
	width:100%;
	text-align:center;
	position:relative;
}
.ptn04 img{
	margin: 5px auto;
}
.ptn04 .x0{display:none;}
.ptn04 .x1{}

.ptn04 p {
	margin: 10px 0px 10px 10px ;
}

/* ptn05 & ptn06*/
.ptn05, .ptn06 {
	clear:both;
	width: 650px;
	margin:10px auto;
	padding: 0 0 0 0;
}
.ptn05 div, .ptn06 div{
	position:relative;
	float:left;
	width: 210px;
	text-align: left;
	/*height: 300px;*/
	margin-top: 5px;
	overflow:visible;/*hidden*/
}
.ptn05 div.l,.ptn05 div.r,.ptn06 div.c{
	/*background-color:aliceblue;*/
}
.ptn06 div.l,.ptn06 div.r,.ptn05 div.c{
	/*background-color:cornsilk;*/
}
.ptn05 h3,.ptn06 h3{display:none;}
.ptn05 h2,.ptn06 h2{}
.ptn05 .x0,.ptn06 .x1{}
.ptn05 .x1,.ptn06 .x0{display:none;}

.ptn05 img,.ptn06 img{
	margin: 0px 5px;
	top: 33px;
	left: 5px;
	width: 200px;
}
.ptn05 div p,.ptn06 div p{
	clear:both;
	margin:5px;
}


/* ptn07 & ptn08*/
.ptn07, .ptn08 {
	width: 640px;
	margin:10px auto;
	padding: 0 0 0 0;
}
.ptn07 div, .ptn08 div{
	position:relative;
	float:left;
	width: 320px;
	text-align: left;
	/*height: 320px;*/
	margin-top: 5px;
	overflow:visible;
	/*hidden;*/
}
.ptn07 div.l,.ptn07 div.r,.ptn08 div.c{
	/*background-color:blue;aliceblue;*/
}
.ptn08 div.l,.ptn08 div.r,.ptn07 div.c{
	/*background-color:pink;cornsilk;*/
}
.ptn07 div.r, .ptn08 div.r{display:none;}
.ptn07 h3,.ptn08 h3{display:none;}
.ptn07 h2,.ptn08 h2{}
.ptn07 .x0,.ptn08 .x1{}
.ptn07 .x1,.ptn08 .x0{display:none;}

.ptn07 img,.ptn08 img{
	margin: 0px 5px;
	top: 33px;
	left: 5px;
	width: 310px;
}
.ptn07 div p,.ptn08 div p{
	clear:both;
	margin:5px;
}
