﻿@charset "UTF-8";


/*  ------------------------------style reset*/
*  {
	margin:  0;
	padding:  0;
}


/*  ------------------------------レイアウト確認用ボーダー
*  {
	border: 1px solid #f00;
} */

/*  ------------------------------basic css */
body{
	font-size:12px;*font-size:small;*font:x-small;
	font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height : 1.4em ;
	color:#444444;
	margin-bottom : 10px ;
	background-color: #f2f2f2 ;
	text-align:  center;  /*  Win IE5.X用 */
}


/*  ------------------------------画像に対する------------------------------ */
img{
	border: none ;
	display: block ;
}

img.inline{
	border: none ;
	display: inline;
	vertical-align : middle ;
}




/*  ------------------------------Anchor */

a:link, a:visited{
	color: #1d499a;
	text-decoration: none;
	
}

a:hover{
	color: #ff670b;
	text-decoration: none;
}


/*  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*  ------------------------------汎用タイトル------------------------------ */
h1 {
	color: #0066cc;
	font-size: 124%;
}



h2 {
	color: #6cb00c;
	font-size: 124%;
	font-weight: bold;
	line-height: 1.5em ;
}

h3 {
	font-size: 115%;
	font-weight: bold;
	margin: 20px 10px 10px 30px;
}

h4 {
	font-size: 115%;
	margin : 20px 10px 0 20px ;
	background-color: #e4ffcf ;
	background-image : url('../images/whitegreen-bg.gif');
	border-top:solid 1px #b6b6b6;
	border-left:solid 1px #b6b6b6;
	padding: 3px 8px 3px 8px;
}

h5 {
	font-size: 94%;
	font-weight: normal;
	margin : 20px 10px 0 20px ;
	background-color: #e4ffcf ;
	background-image : url('../images/whitegreen-bg.gif');
	border-top:solid 1px #b6b6b6;
	border-left:solid 1px #b6b6b6;
	padding: 3px 8px 3px 8px;
}



p {
	font-size: 10px;
	line-height : 12px ;
	margin: 5px 0 ;
}

p.kome {
	font-size : 90% ;
	margin: 10px 10px 10px 50px;
	text-indent : -2em ;
}

strong {
	font-style: inherit;
	font-weight: bold;
}

em {
	color: #0066cc;
	font-size: 100%;
	font-style: normal;
	font-weight: bold;
}

em.small {
	color: #0066cc;
	font-size: 90%;
	line-height:1em;
	font-style: normal;
	font-weight: normal;
}


.u{
	border-bottom:  solid 1px #ff6600 ;
}

.small{
	font-size: 85%;
}







/*  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝構造＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*  ------------------------------container------------------------------ */
div.container{
	background: url(../images/bg.gif) repeat-y ;
	margin : 0 auto ;
	width : 910px ;
	text-align : left ;position : relative ;
}


/*  ------------------------------header */
div#header1{
	background: url(../images/header-1.gif) no-repeat ;
	/*width: 910px ;*/
	height: 145px ;
}

div#header1 img{
	display : inline ;
	position : relative ;
	top : 0px ;
	left : 680px ;
}


div#header2{
	background: url(../images/header-2.gif) no-repeat ;
	height: 132px ;
}


div#header3{
	background: url(../images/header-3.gif) no-repeat ;
	height: 100px ;
}


/*  ------------------------------content */
#wrapper{
    width:100%;
}



/*  ------------------------------更新履歴*/
div#left{
	font-size: 93%;
	width: 365px ;
	height: 150px ;
	overflow: auto ;
	background-color: #ffffff ;
	padding: 6px ;
	color: #666666 ;
	border: solid 1px #999999 ;
	margin : 0 0 20px 0 ;
}

#left dl{
	width :95%;
	margin : 6px ;
}

#left dt{
	color: #0066cc;
	background-image :url("../images/dotline.gif") ;
	background-repeat: repeat-x ;
	background-position: center top ;
	margin-top : 0.5em ;
}

#left dd{
	margin-left : 75px ;
	margin-top : -1.4em ;
}



/*  ------------------------------Center*/
div#content{
	position : absolute;
	top : 282px ;
	left : 400px ;
}

ul.dotline li{
	font-size : 12px ;
	color: #013b85 ;
	background-image :url("../images/dotline.gif") ;
	background-repeat: repeat-x ;
	background-position: center bottom ;
	line-height : 20px ;
	list-style : none ;
	/*border-bottom : dotted 1px #999 ;*/
}



/*  ------------------------------Right*/
div#right{
	width : 196px ;
	position : absolute;
	top : 282px ;
	left : 690px ;
}


.textbox-or{
	height : 260px ;
	border-width : 0 2px 2px 2px ;
	border-color : #fd8f07 ;
	border-style : solid ;
	padding : 3px ;
}
   

/*  ------------------------------フッター　*/
#footer{
	clear : both ;
	width : 910px ;
	height : 60px ;
	background : url('../images/footer-bg.gif') no-repeat ;
	background-position: bottom ;
}


/*  ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝レイアウト＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*  ------------------------------最下部リンク------------------------------ */
div#footer ul{
	text-align : center;
	line-height : 15px ;
	font-size: 11px ;
}

div#footer ul li{
	display : inline ;
	list-style-type : none ;
}



/*  ------------------------------テキスト・イメージ画像の左右配置 */
.img-r{
	float: right;
	margin: 0 10px 0 5px;
	display: block ;
}

.img-l{
	float: left;
	margin: 0 3px 0 0;
	display: block ;
}

.cmnt-r{
	float: right;
	margin: 10px 20px 20px 10px;
}

.clear-b{
	clear: both;
}

.clear-r{
	clear: right;
}

.clear-l{
	clear: left;
}










/* -------------------- by sgss ---------------------*/


p .triangle {
	width: 1em;
	vertical-align: bottom;
}


