/*------------------------------------------------------------------
	BOXes
------------------------------------------------------------------*/

/*html{
    height:100%;
	
}*/
body {
	color: #333;
	font-size: 83%;
	
	line-height: 150%;
	
	background: #fff url(../img/bg_body.gif) repeat-x;
	
	FONT-FAMILY: 'MS PGothic',Verdana, Arial,'qMmpS Pro W3','Hiragino Kaku Gothic Pro', Osaka, sans-serif;
	color: #666666;
}
/**:first-child+html body {  IE7 
    font-size: 83%;
	line-height:150%;
}*/
/*------------------------------------------------------------------
	BASIC TAGS
------------------------------------------------------------------*/
.spacer10 {
	height:10px;
}
.spacer20 {
	height:20px;
}
.spacer30 {
	height:20px;
}
.margin-btm18px {
	margin-bottom: 18px;
}
.margin-top18px {
	margin-top: 18px;
}
.margin-btmtop18px {
	margin: 18px 0;
}
h1 {
	display: block;
	font-size: 0.8em;
	background: #f5783a;
	color: #fff;
	text-align: left;
	text-indent: 1em;
}

h2 img{
   vertical-align:middle;
}
h3,h4,h5 {
	margin: 0 0 17px 0;
}
#wrapper {
    background:url(../img/bg_gurade.gif) repeat-x 0 0;
	width:100%;
	text-align:center;
	margin:0 auto;
}

#main {
    width:774px;
	background:url(../img/bg_shadow01.gif) repeat-y 0 0;
	margin:0 auto;
	padding-bottom:5px;
}

/*------------------------------------------------------------------
	link
------------------------------------------------------------------*/
a:link {
	color: #000099;
	text-decoration: underline;
}
a:active {
	color: #0066cc;
	text-decoration: none;
}
a:visited {
	color: #999999;
	/*text-decoration: none;*/
	text-decoration: underline;
}
a:hover {
	color: #66B3FF;
	/*text-decoration: underline;*/
	text-decoration: none;
}
/*------------------------------------------------------------------
	clearfix
------------------------------------------------------------------*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clear {
	clear:both;
}
/*------------------------------------------------------------------
	HEADER
------------------------------------------------------------------*/
#header {
	width:770px;
	margin:0 auto;
	text-align:center;
}


/*------------------------------------------------------------------
	NAV
------------------------------------------------------------------*/

#gn{
	background-image:url(../img/gnav.gif);
	background-repeat: no-repeat;
	width:770px;
	height: 37px;
	margin:0;
}

#gn ul {
	width:770px;
	padding: 0px;
	margin: 0px;
	height: 37px;
}

#gn li{
	display:inline;
	float: left;
	text-indent: -10000px;
}

#gn li a:hover{
	text-decoration:none
}

#gn01 a,#gn02 a,#gn03 a,#gn04 a,#gn05 a{
	text-indent:-10000px;
	display:block;
	height:37px;
	text-decoration:none;
	width: 154px;
}
#gn01 a:hover{ background-image:url(../img/gnav.gif);background-position: 0px -37px
}

#gn02 a:hover{ background-image:url(../img/gnav.gif);background-position: -154px -37px
}

#gn03 a:hover{ background-image:url(../img/gnav.gif);background-position: -308px -37px
}

#gn04 a:hover{ background-image:url(../img/gnav.gif);background-position: -462px -37px
}

#gn05 a:hover{ background-image:url(../img/gnav.gif);background-position: -616px -37px
}





/*------------------------------------------------------------------
	MAIN - contents
------------------------------------------------------------------*/
#contents { 
    width:770px;
	margin:0 auto;
}

#primary {
	float:left;
	width:505px;
	margin:10px 0;
	
	padding:0 10px 10px 10px;
	
	
	
}

.primary_ttl{
	margin:0 auto 10px;
	width:503px;
	
}
	

#secondary {
	float:right;
	width:240px;
	margin:10px 0;
	background-color: #f6f6f6;
	
	
}

#seco_inbox_top {
	width:240px;
	background:url(../img/bg_index_sidetop.gif) no-repeat top left;
	padding-top:15px;
	
}



#seco_inbox_btm {
	width:240px;
	background:url(../img/bg_index_sidebtm.gif) no-repeat bottom left;
	height:15px;
}


	
#secondary #seco_inbox_top img {
	
	width:216px;
	margin:0 auto 7px;
	
}

#info {
	padding-left:20px;
	text-align:left;
	width:503px;
	background:url(../img/icon_arrow01.gif) no-repeat 0.5em 0.4em;
	
	
	
	
	
}

#info ul{
	margin-bottom:10px;
	width:503px;
	
}









/*------------------------------------------------------------------
	MAIN - CON

#con_wrapper {
	width:757px;
	float:left;
	margin-top:15px;
	margin-right:2px;
	margin-bottom:15px;
	margin-left:15px;
}

#con01 {
	float:left;
	width:505px;
	text-align:left;
}

#con01_upper{
	padding-left:40px;
	text-align:left;
	width:400px;
	background:url(../img/icon_arrow01.gif) no-repeat 2em 0.3em;
}

#con01_upper ul{
	margin-bottom:15px;
	width:400px;
}

#con01_middle{
	text-align:left;
	width:488px;
	margin-bottom:20px;

}

#con01_middle ul{
	margin-top:10px;
	margin-bottom:10px;
	width:488px;
	padding-left:17px;
}

#con01_middle li{
	background:url(../img/icon_clip01.gif) no-repeat 0em 0;
	padding:5px 0px 8px 33px;
	border-bottom:1px dotted #999999;
	width:440px;
}

#con01_bottom{
	text-align:left;
	width:505px;
}

#con01_bottom_01{
	width: 490px;
	clear: both;
}

#con01_bottom_02{
	margin-left:3px;
	clear: both;
	width: 490px;
}

#side_con01 {
	float:right;
	width:240px;
	background:url(../img/bg_index_sidetop.gif) no-repeat;
}
      
#side_con03 {
	width:240px;
	background:#f6f6f6;
	margin-top:20px;
	margin-bottom:0px;
	text-align:center;
	height: auto;
}

#side_con03 li {
	margin-bottom:5px;
}

#side_con02 {width:240px;
background:url(../img/bg_index_sidebtm.gif) no-repeat left bottom;


}


.navi_con_img_left {
	float: left;
	height: 150px;
	width: 240px;
}
.navi_con_img_right {
	float: right;
	height: 150px;
	width: 240px;
}

------------------------------------------------------------------*/
/*------------------------------------------------------------------
	fOOTER
------------------------------------------------------------------*/
#footer_wrapper {
	margin:0px auto;
	width:100%;
	height:auto;
}
#container-end{
	top: 20px;
	vertical-align: bottom;
	width: 774px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#container-end img  {
	vertical-align: top;
}
#footer {
	clear: both;
	display: block;
	height: 23px;
	font-size: 78%;
	border-top: 1px solid #ccc;
	font-size: 77%;
	width:774px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 10px;
	background-image: url(../img/bg_shadow02.gif);
	padding-bottom: 3px;
}
#footer ul {
	display: block;
	color: #ccc;
	padding-left: 14px;
}
#footer ul li {
	float: left;
}
#footer p {
	float: right;
	margin-right: 10px;
	color: #6e94db;
}
#ft_copyright {
	float: right;
	padding: 0 4px 0 0;
	color:#555555;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
}
#footer a:link {
	color: #6e94db;
	text-decoration: none;
}
#footer_link {
	height:11px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-top: 15px;
	padding-right: 0;
	padding-left: 7px;
}
#footer ul li a:hover {
	color: #466fbb;
	text-decoration: underline;
}
#footer a:visited {
	color: #6e94db;
	text-decoration: none;
}
#ft_naalogo {
	clear: both;
	text-align: right;
	padding-top: 7px;
	padding-right: 4px;
	padding-left: 0;
}