/* CSSの初期化 ここから */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,p{
	margin: 0;
	padding: 0;
	font-family: Verdana, sans-serif;
}
h1,h2,h3,h4,ul,li,p,address{
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}
/* CSSの初期化 ここまで */

/* 全体の書式 ここから */
body {
	 margin: 0;
	 padding: 0;
	 color: #CCCCCC;
	　font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif;
	 background-image: url("../images/bg_dot.gif"); /* ☆背景の画像指定はここで */
}

h1{
	margin: 10px 3px;	/* マージン [上下][左右] */
	color: #000000;
	font-size: 120%;
	font-weight: bold;
}

h2{
	margin: 0px;
	padding: 3px 3px 3px 10px; /* パディング [上][右][下][左] */
	color: #FFFFFF;
	background-color: #330099;
	font-size: 120%;
}

h3{
	margin:	16px;
	padding: 0; /* パディング [上][右][下][左] */
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}

p{
	margin:	16px;
	padding: 0;
	color: #666666;
	font-size: 100%;
}

ul {
	margin:	16px;
	padding: 0;
}
li{
	margin: 10px;
}

a {
	text-decoration: none;
}
a:link {
	color: #660066;
}
a:visited {
	color: #990066;
}
a:active {
	color: #999999;
}
a:hover {
color: #CCCCCC;
}

/* 全体の書式 ここまで */

/* 枠内の書式 ここから */
div#container{
	width:840px;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	-moz-border-radius: 5px;    /* Firefoxで全体の枠の角丸める*/
	-webkit-border-radius: 5px; /* Safari,Chromeで全体の枠の角丸める */
	border-radius: 5px;         /* CSS3で全体の枠の角丸める */
	border-top: 0;
	border-right: 1px solid #336699;
	border-left: 1px solid #336699;
	border-bottom: 1px solid #336699;
	padding: 0px 5px 0 5px;    /* パディング [上][右][下][左] */
	background-color: #FFFFFF;
}
/* 枠内の書式 ここまで */

/* パンくずリストの書式 ここから */
div#head-navi {
	margin: 0px;
	padding: 0;
}

/*
パンくずリストの表示
*/
ol#topicPath {
	margin: 0px 0;
	padding: 0;
	font-size: 80%;
	list-style: none;
}
ol#topicPath li {
	float: left;
	padding-right: 7px;
	padding-left: 10px;
	background: url(../images/icon_blist.gif) no-repeat 0 50%;
}
ol#topicPath li.home {
	padding-left: 0;
	background: none;
}
ol#topicPath li a:link {
	color: #660066;
	text-decoration: none;
}
ol#topicPath li a:visited {
	color: #990066;
	text-decoration: none;
}
ol#topicPath li a:hover,
ol#topicPath li a:active {
	color: #CCCCCC;
	text-decoration: none;
}
ol#topicPath li em {
	font-style: normal;
	font-weight: bold;
}
/* パンくずリストの書式 ここまで */

/* タイトル部分の書式 ここから  */
div#title{
	clear: left;
	margin:	3px;
}
/* タイトル部分の書式 ここまで */

/* タイトル下のリンクの書式 ここから */
div#head-link {
	margin:	3px 11px 5px 3px;    /* マージン [上][右][下][左] */
	padding: 0;
	text-align: right;
}
div#head-link ul {
	margin:	0;
	padding: 0;
}
div#head-link li{
	margin: 0 0.3em;	/* マージン [上下][左右] */
  	display : inline;
	font-size: 80%;
}
#head-link li a {
	text-decoration: none;
	padding-left: 0.3em;
	border-left: 1px solid #336699;
	border-bottom: 1px solid #336699;
}
/* タイトル下のリンクの書式 ここまで */

/* コンテンツ部分(右側のメニュー含む)の書式 ここから */
/*
左コンテンツ
*/
div#contents_wrapper {
	float:	left;
	width:	578px;
	margin:	0;
	border: 0;
	padding: 0;
}
div#contents {
	margin:	3px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	border: 1px solid #336699;
	padding: 0;
	height:100%;
}

/*
右サイドナビ
*/
div#sidenavi_wrapper {
	float:	left;
	width:	250px;
	margin:	0;
	border: 0;
	padding: 0;
}

div#sidenavi {
	margin:	3px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	border: 1px solid #336699;
	padding: 0;
}
div#sidenavi ul {
	margin:	8px 0 8px 16px;    /* マージン [上][右][下][左] */
	padding: 0;
}
div#sidenavi li{
	margin: 5px 10px;	/* マージン [上下][左右] */
}
/* コンテンツ部分(右側のメニュー含む)の書式 ここまで */

/* ページ下部のリンク集の書式 ここから */
div#foot-link {
	clear: left;
	margin:	0px 13px 0 3px;    /* マージン [上][右][下][左] */
	background-color: #FFFFFF;
	padding: 10px 0 0 0;    /* パディング [上][右][下][左] */
}
div#foot-link ul {
	margin:	0;    /* マージン [上][右][下][左] */
	padding: 0;
}
div#foot-link li{
	margin: 0px 10px;	/* マージン [上下][左右] */
  	display : inline;
	font-size: 80%;
}
/* ページ下部のリンク集の書式 ここまで */

/* フッター部分の書式 ここから */
div#footer {
	clear: left;
	margin:	0px 3px 0 3px;    /* マージン [上][右][下][左] */
	background-color: #FFFFFF;
	padding: 10px 0 0 0;    /* パディング [上][右][下][左] */
}
div#footer p{
	color: #666666;
	font-size: 70%;
	text-align: center;
}
/* フッター部分の書式 ここまで */

/* イメージボックス右回り用クラス ここから */
.imgbox_r {
	margin: 16px;
	float: right;
}
.imgbox_r img{
	border: 1px solid #666666;
}
.imgbox_r p{
	margin:	0px;
	padding: 0;
	color: #666666;
	font-size: 60%;	
}
/* イメージボックス右回り用クラス ここまで*/

/* イメージボックス左回り用クラス ここから */
.imgbox_l img{
	margin: 16px;
	float: left;
}
.imgbox_l img{
	border: 1px solid #666666;
}
.imgbox p{
	margin:	3px;
	padding: 0;
	color: #666666;
	font-size: 60%;	
}
/* イメージボックス左回り用クラス ここまで*/