/*======  内容  ======
	:layout and typography
	1:html and body general
	2:header		crumbs  780
	3:contentsbox     650
	4:contents        468
	5:navi sidebar 右  listing  160
	6:ad   sidebar  左          120
	7:footlink and footcopy    780
	8:special 中枠 画像ワク     348
====================*/


/*------------ =1 html and body general------------*/
*{margin:0;
	padding:0;}

body{background:#ffffff;
	background-image:url("http://strasbourg.3d-t.net/images/head.jpg");
	background-repeat:no-repeat;
	left margin:0;marginwidth:0;topmargin:0;marginheight:0;
	font:normal 13px/20px "ＭＳ 明朝",細明朝,serif;
	color:#336633;
	text-align:center;}

a:link{text-decoration:none;
	font-weight:bold;
	color:#696969;}

a:visited{text-decoration:none;
	font-weight:bold;
	color:#cccc99;}

a:hover{color:#00cc99;}

strong{font-weight:normal;}
em{font-style:normal;}
.futoji{font-weight:bold;}

#place{width:780px;
	margin:10px auto 30px auto;}
/*------------------ =2 : header ------------------*/
#header{margin:0 auto 18px auto;
	padding:30px auto 30px auto;
	width:780px;
	font:normal 11px Verdana,Arial,sans-serif;
	color:#778899;}
	
h1{padding:18px 0 8px 0;
	letter-spacing:1px;
	font:bold 13px "Times New Roman","ＭＳ 明朝",細明朝,Times,serif;}
	
h2{font:bold 13px/20px "Times New Roman","ＭＳ 明朝",細明朝,serif;
color:#336633;}

/* =2 :crumbs(header) ----------------------------*/
#crumbs {margin:6px;
	text-align:right;}
	
#crumbs p{font:normal 11px Verdana,Arial,sans-serif;}
#crumbs a:link{font:bold 11px Verdana,Arial,sans-serif;}
#crumbs a:visited{font:bold 11px Verdana,Arial,sans-serif;}

/*------ =3 contentsbox  ------*/
#contentsbox{width:650px;
	float:right;}

/*------------------=4 contents ------------------*/
#contents{padding:5px;
	width:468px;
	float:left;
	text-align:left;}

/*------------------ =5:navigation ------------------*/
#navi{margin-top:10px;
	width:168px;
	float:right;}

h3{margin:0;
	padding:8px 0 6px 0;
	width:158px;
	font:bold 14px Verdana, Arial, sans-serif;
	letter-spacing:3px;
	color:#696969;}

/*-------------= 5:listing -------------------*/

ul{margin:0;
	padding:0;
	overflow:auto;/*== 文字があふれた時用の設定はulに ==*/
	list-style:none;}

li{margin:0;
	padding:4px 0 3px 0;
	width:160px;
	font:13px/26px "Times New Roman",Times,serif;
	background:#fff8dc;
	border-bottom:2px solid #dddddd;}

li a{display:block;}
li a:visited{display:block;
	color:#666633;}
li a:hover{background:#ffffff;}

.here{background:#ffffff;}
.asp{margin:0;
	padding:10px 0 10px 0;}
	
/*-------------= 5:listing dl-------------------*/	

dl{margin:0;}
dl a:link{text-decoration:underline;
	font-weight:bold;
	color:#696969;}	
dl a:visited{text-decoration:underline;
	font-weight:normal;
	color:#0066cc;}
dt{margin:13px 0 3px 8px;
	padding:3px 0 0 13px;
	font:bold 14px/26px "ＭＳ P明朝",細明朝,"Times New Roman",Times,serif;
	letter-spacing:1px;
	text-align:left;
	border-top:2px dotted #7baf6a;
	border-bottom:2px dotted #7baf6a;}

dd{margin:0 0 0 13px;
	padding:0 8px 0 8px;
	font:13px/23px "ＭＳ P明朝",細明朝,"Times New Roman",Times,serif;
	color: #006633;
	text-align:left;}
	
.sub {margin:0;
	text-align:right;}

/---------= 6:ad  ----------/

#adbar {margin:0;
	padding:10px 0 20px 0;
	width:123px;}

/*-------------= 7:footlink and footcopy ------------*/

#footlink{clear:both;
	margin-top:8px;
	padding-top:8px;
	font:bold 11px/23px "Times New Roman",Times,serif;
	letter-spacing:2px;
	border-top:outset 4px #dddddd;}

/* =8:special 自己紹介中枠 ----------------------------*/
.introduce{margin:13px 0 13px 0;
	width:348px;
	padding:13px 48px;
	text-align:left;
	border-top:2px #dddddd solid;
	border-left:4px #dddddd outset;
	border-bottom:4px #dddddd inset;
	border-right:3px #dddddd inset;}

/* =8: special 画像 ----------------------------*/
.clear {clear:both;}

.left {float:left;
	margin:13px auto 13px 8px;
	padding:8px;
	border:double #dddddd 4px;}
	
.right {float:right;
	margin:13px 8px 13px auto;
	padding:8px;
	border:double #dddddd 4px;}
	
.naka{display:block;text-align:center;
	margin:13px auto 13px auto;
	padding:8px;
	border:double #dddddd 4px;}
	
.migi{margin:18px 0 13px 0;
	padding:18px 0 0 0;}