/* 全体的な設定 ---------------------------------------------------------------- */
*{ 
    margin:0;
	padding:0; 
} 

body {
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/bg_c.gif);
}
p, ul, ol, dl, address, blockquote, table, div, input, select {
    margin:0;
	padding:0; 
}
table {
  font-size: 100%;
}

/***  リンク  ***/
a {
	color: #00135D;
}
a:link {
	color: #00135D;
}
a:visited {
	color: #00135D;
}
a:hover {
	color: #FF0000;
}
a img {
	border: 0px;
}

/* レイアウト ---------------------------------------------------------------- */

#container {
	width: 912px;
	text-align: left;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-y;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#container2 {
	width: 900px;
	margin-top: 0;
	margin-right: 6px;
	margin-bottom: 0;
	margin-left: 6px;
}

#content {
	line-height: 1.5em;
	width: 100%;
	overflow: hidden;
}
/*\*/
* html #content {
    height: 1em;
    overflow: visible;
}
/**/
#content a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}

#alpha {
	display: inline; /* ie win bugfix */
	width: 640px;
	float: right;
	margin-top: 15px;
	margin-right: 20px;
	margin-left: 17px;
}
#beta {
	display: inline; /* ie win bugfix */
	width:200px;
	float: right;
	margin-left: 20px;
	margin-top: 5px;
}

/*** トップメイン部分 ***/
.top-main1 {
	float: left;
	width: 202px;
	margin-right: 15px;
	margin-left: 3px;
}
.top-main2 {
	float: left;
	width: 642px;
}
#pro {
	background-image: url(../images/bg_pro_gra.jpg);
	background-repeat: no-repeat;
	min-height: 305px;
}
#pro #pro-con {
	background-image: url(../images/bg_pro.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/***  ヘッダー  ***/
#summary-box {
	height: 20px;
	width: 912px;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg_summary.gif);
	background-repeat: no-repeat;
	line-height: 10px;
}
#summary-box .in {
	margin-right: 10px;
	padding-top: 3px;
	padding-bottom: 2px;
}

#header {
	background-image: url(../images/logo_tel.gif);
	background-repeat: no-repeat;
	height: 72px;
	width: 100%;
}

/***  ロゴ  ***/
#header a#logo {
	display:block;
	margin:0px;
	padding:0px;
	text-decoration:none;
	overflow: hidden;
}
#header a#logo:hover {
	position: relative;
	left: 0px;
	top: 0px;
}
#header a#logo:hover img {
  position: relative;
  top: -200px;
  left: 0px;
}

#header .in {
	padding-top: 52px;
	padding-left: 504px;
}
#header .in a:hover {
	position: relative;
	left: 1px;
	top: 1px;
}
#header .in a:hover img.alfa {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}

/***  ナビ  ***/
#navi-box {
	width: 900px;
	background-image: url(../images/navi.gif);
	background-repeat: no-repeat;
	height: 47px;
	margin: 0px;
	padding: 0px;
	clear: both;
}
#navi ul{
	width: 100%;
}
#navi li {
	list-style-type: none;
	float: left;
}
#navi li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	height: 47px;
}
#navi li a.navi1 {
	width: 85px;
}
#navi li a.navi2 {
	width: 130px;
}
#navi li a.navi3 {
	width: 144px;
}
#navi li a.navi4 {
	width: 123px;
}

#navi li a:hover {
	position: relative;
	left: 0px;
	top: 0px;
}

#navi li a:hover img {
  position: relative;
  top: -100px;
}


/***  サイドページメニュー  ***/
#pro-s {
	background-image: url(../images/bg_pro_s.jpg);
	background-repeat: no-repeat;
	min-height: 305px;
	border: 2px double #00135D;
}


/***  フッター  ***/
.footer-navi {
	width: 100%;
	text-align: center;
	padding: 5px 3px;
	background-image: url(../images/bg_footermenu.gif);
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #00135D;
	font-size: 12px;
}
.footer-navi a,
.footer-navi a:link,
.footer-navi a:visited,
.footer-navi a:active {
	text-decoration: none;
}

#footer-summary {
	font-size: 10px;
	color: #ffffff;
	text-align: center;
}
#footer-summary a,
#footer-summary a:link,
#footer-summary a:visited,
#footer-summary a:active {
	color: #00135D;
	text-decoration: none;
}
#footer-summary a:hover {
	position: relative;
	left: 1px;
	top: 1px;
	color: #FF0000;
}


/*** 半透明ボタン ***/
a:hover img.alfa {
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

/* 枠  ---------------------------------------------------------------- */
.box1-1 {
	border: 2px solid #00135D;
}

.topics-box {
	height: 181px;
	width: 198px;
	text-align: left;
}
.topics-box p {
	margin: 5px 0px 0px 5px;
}
.box1-2 {
	border: 2px solid #00135D;
	background-color: #C4CEFF;
	background-image: url(../images/bg_continue.gif);
	background-repeat: no-repeat;
	line-height: 1.4em;
	min-height: 190px;
	margin: 0px;
	width: 272px;
	height: 190px;
	overflow: visible;
}
.box1-3 {
	width: 272px;
	border: 2px solid #00135D;
}
.box2 {
	font-size: 0.8em;
	background-color: #FFFFFF;
	padding: 1px;
	border: 1px solid #00135D;
}
.box2-2 {
	border: 1px solid #00135D;
}
.box3 {
	background-color: #CCCCCC;
	border: 1px solid #00135D;
}

.privacy-box {
	height: 300px;
	overflow: auto;
	border: 1px solid #00135D;
	padding: 8px;
}
.privacy-box ol {
	margin-left: 2.5em;
}


/* 余白  ---------------------------------------------------------------- */
.in-top20 {
	margin-top: 20px;
}
.in-top10 {
	margin-top: 10px;
}
.in-top8p {
	padding-top: 8px;
}
.in-top5 {
	margin-top: 5px;
}
.in-tb10 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.in-left10 {
	margin-left: 10px;
}
.in-left15 {
	margin-left: 15px;
}
.in-l40 {
	margin-left: 40px;
}
.in-l20 {
	margin-left: 20px;
}

.in-left8 {
	margin-left: 8px;
}
.in-left5 {
	margin-left: 5px;
}
.in-t10l15 {
	margin-top: 10px;
	margin-left: 15px;
}
.in-t10l10 {
	margin-top: 10px;
	margin-left: 10px;
}
.in-tl10 {
	margin-top: 10px;
	margin-left: 10px;
}
.in-r10 {
	margin-right: 10px;
}
.in-lr17 {
	margin-right: 17px;
	margin-left: 17px;
}
.in-lr25 {
	margin-right: 25px;
	margin-left: 25px;
}
.in-l6r7 {
	margin-right: 7px;
	margin-left: 6px;
	width: 420px;
}

.in5 {
	margin: 5px;
}
.in20 {
	margin: 20px;
}



/* フォント  ---------------------------------------------------------------- */
.font_r {
	color: #ff0000;
}
.font_rb {
	color: #ff0000;
	font-weight: bold;
}
.font_rbb {
	color: #ff0000;
	font-weight: bold;
	font-size: 1.1em;
}
.font_b {
	font-size: 1.1em;
}
.font_bb {
	font-weight: bold;
	font-size: 1.1em;
}

.font_br {
	color: #645A4B;
}
.font_nb {
	color: #00135D;
	font-weight: bold;
}
.font_s {
	font-size: 0.8em;
}


/* float  ---------------------------------------------------------------- */
.float-left {
	float: left;
}
.float-left10 {
	float: left;
	margin-left: 10px;
}
.float-left10r {
	float: left;
	margin-right: 10px;
}
.float-left5r {
	float: left;
	margin-right: 5px;
}
.float-lt10 {
	float: left;
	margin-top: 10px;
}
.float-ltl10 {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
}

.float-r {
	float: right;
}

/* clear  ---------------------------------------------------------------- */
#beta:after,
#content:after,
#navi:after,
#produced-by:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	overflow: hidden;
}

.clear {
	clear: both;
}
.clear2 {
   content : "";  
   display : block;  
   visibility: hidden;  
   height : 0.1px;  
   clear : both;  
	font-size: 0;
	line-height: 0;
}

/* 線  ---------------------------------------------------------------- */
.uline {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #00135D;
	padding-bottom: 5px;
}

/* 見出し  ---------------------------------------------------------------- */
.title1 {
	font-weight: bold;
	color: #00135D;
	background-color: #C4CEFF;
	padding: 5px;
	border: 1px solid #00135D;
}
.title3 {
	font-weight: bold;
	background-color: #FF0000;
	font-size: 1.1em;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 8px;
}

/***  テーブル  ***/
table.ta1 {
	border-collapse: collapse;
	width: 95%;
	line-height: normal;
	margin-right: auto;
	margin-left: auto;
}
table.ta2 {
	border-collapse: collapse;
	width: 550px;
	line-height: normal;
	margin-left: auto;
	margin-right: auto;
}
th.t1,td.t1 {
	padding: 5px;
	vertical-align: top;
	border: 1px solid #00135D;
}
th.t2,td.t2 {
	padding: 5px;
	background-color: #C4CEFF;
	vertical-align: top;
	border: 1px solid #00135D;
	color: #00135D;
}
th.borles,td.borles {
	padding: 3px;
	vertical-align: top;
}
td.t3 {
	padding: 4px;
}
td.t4 {
	padding: 5px;
	border: 1px solid #00135D;
}

/* インデント  ---------------------------------------------------------------- */
.ind_1em {
	padding-left: 1em;
}
.ind_b1em {
	text-indent: -1em;
	padding-left: 1em;
}
.box4 {

	background-color: #C4CEFF;
	border: 1px solid #00135D;
}
.box1-4 {

	border: 2px solid #00135D;
	background-color: #C4CEFF;
	background-image: url(../images/recycle/bg_continue2.gif);
	background-repeat: no-repeat;
}
.stitle {
	font-size: 15px;
	font-weight: bold;
	background-image: url(../images/link/bg_stitle.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	height: 20px;
	padding-left: 25px;
	padding-top: 3px;
}
.box1-5 {
	border: 2px solid #00135D;
	background-color: #C4CEFF;
	background-image: url(../images/bg_continue2.gif);
	background-repeat: no-repeat;
	line-height: 1.5em;
	min-height: 190px;
	margin: 0px;
	width: 416px;
	height: 245px;
	overflow: visible;
	background-position: 0px 31px;
}