@charset = "utf8";
/* reset */
* {
margin: 0;
padding: 0;
}

/* render html5 elements as block */
header, footer, nav, section, contents, capter, side, aside, article, right, left, item {
display: block;
}

body {
line-height: 1;
background: #f1f1f1 url("../images/bg/wood.png") repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666;
font-size: 14px;
line-height: 18px;
}


/*---  id section  ---*/
#warpper {
	width  : 1200px;
	margin : auto;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	background-repeat  : repeat; 
}

#container_idx {
	width  : 1152px;
	margin : auto;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	background-repeat  : repeat; 
}

#header_idx {
	width   : 1100px;
	height  :  200px;
	margin  :  auto;
	padding :  10px;
	background-color   : #ffffcc;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	background-repeat  : repeat; 
	background-position: center;
}

#contents {
	width  : 1100px;
	height :  500px;
	margin : 20px; 0;
	background-color   : #ccccff;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	background-repeat  : repeat;
	background-position: right;
}

#side-left {
	background-color: #ffccff;
	width  : 180px;
	height : 420px;
	float  : left;
	margin : 20px 5px  20px 40px;
	padding: 20px 0;
}

#main {
	background-color : #ffff88;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	width  : 530px;
	height : 440px;
	float  : left;
	margin : 20px  5px 10px  5px;
	padding: 10px 0;
	background-size    : auto; 
	background-image   : url(../images/main-pic.jpg); 
}

#side-right {
	background-color: #cccc99;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	line-height: 1.6em;
	width  : 340px;
	height : 440px;
	float  : right;
	margin : 20px  5px  5px 10px;
	padding: 10px 0;
}

#side-right-up {
	background-color: #ffccff;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	width  : 320px;
	height : 280px;
	float  : right;
	margin : 10px 10px 10px 10px;
	padding: 10px 0;
}

#side-right-down {
	background-color: #9999ff;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
	width  : 320px;
	height :  80px;
	float  : right;
	margin : 20px 10px 10px 10px;
	padding: 10px 0;
}

#footer {
	clear  : both;
	width  : 1100px;
	height : 300px;
	margin : 20px 10px 10px 200px;
	background-color   : #ffff99;
	background-image   : url(../image/www_back/backdoko.gif);        /* 画像のURLを指定   */
}


/*---  class section  ---*/
/***  Navigation ***/
.nav {
	width: 160px;
	font-size: 1em;
}

.nav ul {
	margin  : 0;
	padding : 0;
}

.nav li {
	margin-bottom   : 7px;
	line-height     : 1.3;
	border          : solid 1px #aaaaaa;    /*  1本線　1px　グレーを指定   */
	border-top-left-radius   : 10px;
   background      : -moz-linear-gradient    (top, #ffffff, #000000);
   background      : -webkit-linear-gradient (top, #ffffff, #000000);
	list-style-type : none;
}

.nav li  a {
	display         : block;
	padding         : 14px;
	background-color: #ffffff;
	color           : #000000;
	text-decoration : none;
}

.nav li  a:hover {
	color            : #ffffff;
	font-weight      : bold;
	background-color : #cacaca;
   background       : -moz-linear-gradient    (top, #eeeeee, #cacaca);
   background       : -webkit-linear-gradient (top, #eeeeee, #cacaca);
}

.nav li#menu01 {
	border-left      : solid 25px #77ffff;    /*  水色  */
}

.nav li#menu02 {
	border-left      : solid 25px #ff66ff;    /*　ピンク　*/
}

.nav li#menu03 {
	border-left      : solid 25px #bb0000;    /*　レッドブラウン　*/
}

.nav li#menu04 {
	border-left      : solid 25px #00dd00;    /*　グリーン　*/
}

.nav li#menu05 {
	border-left      : solid 25px #0000ee;    /*　ダークブルー　*/
}

/*  fonts  */
.cont_font00 { color:#000066;
               font-size:18px;
               white-space:pre;
}

.cont_font01 { color:191970;
               font-weight:bold;
               font-size:24px;
               white-space:pre;
}

.cont_font02 { color:#006400;
               font-size:20px;
               white-space:pre;
}