/***********************-
タイトル : トミタカ
概要：別ウィンドウ

制作日：2011/04

-***********************/

@import url(basic.css);
 /*ボディ*/
body {
	margin: 0;
	padding: 0;
	line-height: 1.5;
	text-align: center;
	font-family:  "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",Arial, Helvetica, Verdana, sans-serif;
	layout-grid-char: 0.2%;
	font-size: 80%;
	background: url(../image/bakku2.jpg) repeat-x #E1E2DC;
	color:#333333;
}

/*リンクカラー*/
link {
	text-decoration: none;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited { 
	color: #333333;
	text-decoration: none;
}
a:hover {
	color:#903;
}
a:active {
	color :#633;
}


 /*ユニバーサル*/
h1,h2,h3,h4,h5,h6,p,ul,ol,dl,input,select { 
 margin: 0;padding:0;
 }
p { margin:0 0 1em 1em; }

ul li { list-style-type:none; }
li { margin: 5px 0; }
a img { border:0; }
blockquote{
   margin-left:1em;
   padding-left:1em;
   border-left:2px solid #CCC;
   color:#CCC;
}
pre{
   width:100%;
   padding:1em 0;
   overflow:auto;
   border-top:1px dotted #333;
   border-bottom:1px dotted #333;
}
form{
	margin:0;
}
/*説明用*/
.hidden {
   display: none;
   visibility: hidden;
}
/*右フロート*/
.alignright {
   float: right;
}
/*左フロート*/
.alignleft {
   float: left;
}
/*全てをクリア*/
.clear {
   clear: both;
} 

/*ハック*/
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */ 



/*全体*/
#container {
	margin: 0 auto;
	padding: 0;
	text-align:left;/*IE6用ハック*/
	width:1000px;
	background:url(../image/bgmini.gif) center repeat-y;
}
/*ヘッダー*/
#header{
	margin: 0;
	padding:0px 100px 0;
	background:url(../image/headermini.png) no-repeat;
	}
#header #head{
	float:left;
	margin: 0px;
	padding:5px 0 0 0;
	width:400px;
}

#header #head p#comment{
	margin: 0px;
	font-size:90%;
}

#header #head p#logo{
	float:left;
	margin: 10px 0 0 0px;
	padding:0;
	width:177px;
}
#header #head p#read{
	float:right;
	margin: 10px 0 0 0px;
	padding-top: 0;
	text-align: left;
	width:410px;
	font-size:85%;
	 letter-spacing:-0.1em;
}

#tel{
	float:right;
	margin: 0 0 0 0;
	width:284px;
}

:root *> #mail { margin: 0 0 0 10px;}

#mail{
	margin: 0 0 0 8px;
}/* ここからコンテンツ */
#contents{
	margin: 0 auto;
	padding: 0;
	text-align:left;/*IE6用ハック*/
	width: 750px;
}



/*footer*/
#footer{
	margin: 15px auto 0;
	padding: 20px 0px 10px;
	text-align:left;/*IE6用ハック*/
	width: 800px;
	border-top:1px solid #504C40;
	
	}
#footer #address{
	 float:left;
	 width:450px;
	font-size:85%;
}
#footer #copyright{
	 float:right;
	 text-align:right;
	 width:300px;
	font-size:85%;
	margin:0 10px 0 0;
}



h1{
	margin:20px  0 20px 20px;
	padding:3px 0 0 14px;
	height:33px;
	background:url(../image/h2.gif) no-repeat;
	font-weight:normal;
	font-size:170%;
}

h3{
	margin:20px  0px 10px;
	color:#857659;
	border-bottom:1px solid #857659;
	font-weight:normal;
	font-size:140%;}
h4{
margin: 10px 0 20px 0px;
	padding:5px 10px 2px;
	background:#94928B;
	color:#FFF;
	font-weight:normal;
	font-size:120%;}
h5{
	margin: 5px 0 15px 20px;
	padding: 2px 8px 0;
	text-align:left;
	background-color:#504C40;
	color:#FFFFFF;
	font-size: 110%;
}

.bunsho{
	 margin:0 ;
	 padding:20px;
	}
	
.pagetop{
	margin: 0 ;
	text-align:right;
}

#underbtn .pagetop a{
	 border:none;
}
.pan{
	margin: 15px 5px 0px;
	padding:0;
	font-size:85%;
	text-align:right;
}
.pan a{
	margin: 0 5px;
}
.pan #now{
	margin: 0 5px;
	color:#857659;
}

.center{
	margin: 15px 0;
	text-align:center;
}

.links{
	margin: 5px 0;
	font-size:10px;
}


.bunsho{
	margin: 0 30px 20px 20px;
	text-align:left;
}
.title{
	margin: 60px 0 20px;
	padding: 5px 0 2px 10px;
	text-align: left;
	border: 1px solid #B20008;
	border-left: 6px solid #B20008;
	font-weight:bold;
	font-size: 140%;
	color:#990000;
}
#towelve{
	margin:20px 0 15px 80px;
	padding:10px 20px;
	background:#FFF;
	width:460px;
}
#towelve ol{
	margin:15px 0 40px 40px;

}

.ichi{
	margin: 20px 0 0 10px;
}
.close{
	 text-align:center;}