@charset "x-sjis";

/* 基本スタイル
---------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}

body {  background-image: url(../gsimg/hbg01.gif); background-repeat: repeat-x; 
        background-color: #FFFFFF; height: auto; width: 100%; margin-top: 0px; margin-left: 0px; padding-top: 0px; padding-left: 0px; font-size: 75%; line-height: 1.5; color: #333333;}




img {
	border: none;
}

/* ロゴ
---------------------------------------------*/
#header {  background-image: url(../gsimg/bgimg.gif); background-repeat: no-repeat; background-position: 0px 20px; text-align: right; height: 100px; width: auto; margin-top: 0px; margin-left: 0px; padding-left: 20px;}



/* 3段組レイアウト
---------------------------------------------*/
#wrapper {
	min-width: 793px;
	max-width: 1205px;
	width: expression(document.body.clientWidth < 794? "793px" : document.body.clientWidth > 1206? "1205px" : "100%");
	position: relative;
}


#contentWrapper {
	overflow: auto !important;
	overflow /**/: hidden;
	width: 100%;
	padding: 25px 0;
	background: #FFFFFF ;
}
#footer {
	clear: both;
	padding: 10px 0;
	border-top: 3px solid #CCCCCC;
	text-align: center;
}

	/* ステップ1
	---------------------------------------------*/
	#content {
		float: left;
		width: 100%;
		margin-right: -230px;
	
	}
	
	#advertisement {
		float: right;
		width: 180px;
		margin-right: 20px;
		text-align: center;
		border: 1px solid #CCCCCC;
	}
	
	/* ステップ2
	---------------------------------------------*/
	#primary {
		float: right;
		width: 100%;
		margin-left: -200px;
	}
	

	#secondary {
		float: left;
		width: 140px;
	}
	
	/* ステップ3
	---------------------------------------------*/
	#primary * {
		margin: 0 240px 0 180px;
		
		
	}
	#primary * * {
		margin: 0;
	}

/* 記事本文
---------------------------------------------*/
#primary h1 {
	font-size: 150%;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;padding-bottom: 0.2em;
}
#primary p {
	font-size: 115%;
	margin-top: 1em;
	margin-bottom: 1em;
	/**/
	letter-spacing: 0.1em;
	/**/
}
#primary .date {
	font-size: 100%;
	text-align: right;
	color: #666666;
}


#primary .date a { 
            text-decoration: none; 
}


#advertisement p {
	font-size: 85%;
	margin: 0 1em 1em 1em;
	
	padding: 1em;
	text-align: left;
	/**/
	letter-spacing: 0.1em;
	/**/
}



/* リスト
---------------------------------------------*/

	/* 共通
	---------------------------------------------*/
	#primary .list,#secondary .list {
		margin-bottom: 20px;
	}
	#primary .list li {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/arrow2.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
	}
	#primary .list dl {
		margin: 0 0 0 0;
		padding-left: 0;
	}
	
	#primary .list dt {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/arrow3.gif) left center no-repeat;
		border-bottom: 1px dotted #99CC00;
	}
	#primary .list dd {
		margin: 5px 0 4px 15px;
		padding-left: 0px;
	}		
	
		#secondary .list li {
		margin: 5px 0 0 15px;
		padding-left: 15px;
		background: url(../images/arrow.gif) left center no-repeat;
		border-bottom: 1px solid #CCCCCC;
	}
	
	/* 見出し
	---------------------------------------------*/
	#primary .list h2 {
		padding: 3px 10px;
		background-color: #F3F3F3;
		border-left: 5px solid #2D78BF;
		border-bottom: 1px solid #CCCCCC;
	}
	#secondary .list h2 {
		padding: 3px 15px;
		color: #555555;
		background-color: #cccccc;
	}
	#secondary .list img {
		margin-left: 15px;
	}
	
		
em {  font-size:100% ; font-style: normal; font-weight: bold; color: #003399;}