

/*+++structure+++*/
#toppage {
	margin: 0;
	padding: 0; 
	background: url(http://www.tues.jp/wp/wp-content/themes/sample6/rotator/rotator.php) no-repeat fixed;
	}
	
#singlepage {
	margin: 0;
	padding: 0; 
	background: #fff;
	}
	
#aboutpage {
	margin: 0;
	padding: 0; 
	background: url("about.jpg") no-repeat fixed;
}
	
#contactpage {
	margin: 0;
	padding: 0; 
background: url("contact.jpg") no-repeat fixed;
	}
	


#container {
	width: 97%;
	margin:20px 0 0 20px;
	}
	
	

	
/*+++header+++*/
#header{
	position:fixed;
	_position : absolute ; /* WIN IE */
	height: 172px;
	width:900px;
	text-align: left;
	margin:0;
	}
	
#header2{
	height: 168px;
	width:450px;
	text-align: left;
	margin:0;
	}

	
.logo1 a{
	display:block;
	width: 96px;
	height: 86px;
	background: url("tues.png") top left no-repeat;
	_background: url("tues.gif") top left no-repeat;
	text-decoration: none;
	padding: 0px; 
	margin:0px;
		float: left;
	}
	
.logo1 a img{
	border:none;
	}
	
.logo2 a{
	display:block;
	width: 96px;
	height: 86px;
	background: url("tues.png") top left no-repeat;
	_background: url("tues.gif") top left no-repeat;
	text-decoration: none;
	padding: 0px; 
	margin:0px;
			float: left;
	}
	
.logo1 a img{
	border:none;
	}




	
ul.topnavi{
	width: 110px;
	height: 100px;
  	text-align: left;
	margin:0;
	padding: 2px 0px 0px 23px; 
	list-style-type: none;
	float: left;
	}
	
 ul.topnavi2{
	width:100px;
	text-align: left;
	margin:0;
	padding: 2px 0px 0px 0px; 
	list-style-type: none;
	float: left;
	}
	
ul.topnavi3{
	width: 60px;
	height: 100px;
  	text-align: left;
	margin:0;
	padding: 2px 0px 0px 23px; 
	list-style-type: none;
	float: left;
	}
	
.topnavi li{
	list-style-type: none;
	display:inline;
	}
	

	
.topnavi li a{
	margin-bottom:6px;
	}
	
	
.bookinfo{
	display:block;
	width: 469px;
	height: 170px;
	background: url("header_book.gif") top left no-repeat;
  	text-align: left;
	margin-left:10px;
	padding: 2px 0px 0px 10px; 
	float: left;
	}
	
.booktext{
	display:block;
	width: 200px;
	height: 150px;
	font-size:11px;
	line-height:15px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #000;
	padding: 10px 0px 0px 30px; 
	float: left;
	}
	
.booktext a{
	color: #000;
	text-decoration: underline;
	}
	
.booktext a:hover{	
	color: #000;
	text-decoration:none;
		}
		
.bookphoto{
	display:block;
	width: 199px;
	height: 150px;
	background: url("handmade.gif") top left no-repeat;
	margin: 10px 0px 0px 15px; 
	float: left;
	}
	
	
.navi_works a {
	height:12px;
	width:100px;
	display:block;
	background: url("w.png") top left no-repeat;
	_background: url("w.gif") top left no-repeat;
	}
.navi_works a:hover{
	background-position: 0 -12px;
	}
	
.navi_experimentals a{
	height:12px;
	width:140px;
	display:block;
	background: url("e.png") top left no-repeat;
		_background: url("e.gif") top left no-repeat;
	text-decoration: none;
	border:none;
	}
.navi_experimentals a:hover{
	background-position: 0 -12px;
	}
	
.navi_friends a{
	height:12px;
	width:100px;
	display:block;
	background: url("f.png") top left no-repeat;
		_background: url("f.gif") top left no-repeat;
	text-decoration: none;
	border:none;
	}
.navi_friends a:hover{
	background-position: 0 -12px;
	}
	
.navi_about a{
	height:12px;
	width:100px;
	display:block;
	background: url("a.png") top left no-repeat;
		_background: url("a.gif") top left no-repeat;
	text-decoration: none;
	border:none;
	}
.navi_about a:hover{
	background-position: 0 -12px;
	}
	
.navi_contact a{
	height:12px;
	width:100px;
	display:block;
	background: url("c.png") top left no-repeat;
		_background: url("c.gif") top left no-repeat;
	text-decoration: none;
	border:none;
	}
.navi_contact a:hover{
	background-position: 0 -12px;
	}
	
.navi_news a{
	height:12px;
	width:100px;
	display:block;
	background: url("n.png") top left no-repeat;
		_background: url("n.gif") top left no-repeat;
	text-decoration: none;
	border:none;
	}
.navi_news a:hover{
	background-position: 0 -12px;
	}

	
/*+++news_category+++*/	

#spacer1 {
	max-width: 959px;
	height: 194px;
	}
	
#news_list {
	max-width: 959px;
	padding:0 0 0 227px;
	text-align:left;
	_overflow : auto ; /* WIN IE用 */
	}

#post_works{	
	width: 114px;
	height:113px;
	float: left;
	margin: 0 23px 23px 0;
	}	
		
#post_works a{	
	width: 75px;
	height: 93px;
	display: block;
	text-decoration:none;
	background: url("1.png");
	_background: url("1.gif");
	font-size:10px;
	line-height:11px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #000;
	text-align:left;
	margin:0px;
	padding-top: 10px;
	padding-left: 29px; 
	padding-right: 10px; 
	padding-bottom: 10px;
	}
	
	

	
#post_works a:visited{
	background: url("1+.gif") ;
	_background: url("1+.gif");
	color: #000;
	}
	
#post_works a:hover{
	background: url("2.png") ;
	_background: url("2.gif");
	color: #fff;
	}
		
	
#post_experimentals{	
	width: 114px;
	height:113px;
	float: left;
	margin: 0 23px 23px 0;
	}	
		
#post_experimentals a{	
	width: 75px;
	height: 93px;
	display: block;
	text-decoration:none;
	background: url("1.png");
	_background: url("1.gif");
	font-size:10px;
	line-height:11px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #000;
	text-align:left;
	margin:0px;
	padding-top: 10px;
	padding-left: 29px; 
	padding-right: 10px; 
	padding-bottom: 10px;
	}
	
	

	
#post_experimentals a:visited{
	background: url("1+.gif") ;
	_background: url("1+.gif");
	color: #000;
	}
	
#post_experimentals a:hover{
	background: url("2.png") ;
	_background: url("2.gif");
	color: #fff;
	}
		
#post_news{	
	width: 114px;
	height:113px;
	float: left;
	margin: 0 23px 23px 0;
	}	
		
#post_news a{	
	width: 75px;
	height: 93px;
	display: block;
	text-decoration:none;
	background: url("1.png");
	_background: url("1.gif");
	font-size:10px;
	line-height:11px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #000;
	text-align:left;
	margin:0px;
	padding-top: 10px;
	padding-left: 29px; 
	padding-right: 10px; 
	padding-bottom: 10px;
	}
	
	

	
#post_news a:visited{
	background: url("1+.gif") ;
	_background: url("1+.gif");
	color: #000;
	}
	
#post_news a:hover{
	background: url("2.png") ;
	_background: url("2.gif");
	color: #fff;
	}	
	
	
	
#post_friends{	
	width: 114px;
	height:113px;
	float: left;
	margin: 0 23px 23px 0;
	}	
		
#post_friends a{	
	width: 77px;
	height: 93px;
	display: block;
	text-decoration:none;
	background: url("1.png");
	_background: url("1.gif");
	font-size:10px;
	line-height:11px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #000;
	text-align:left;
	margin:0px;
	padding-top: 10px;
	padding-left: 29px; 
	padding-right: 8px; 
	padding-bottom: 10px;
	}
	
	
#post_friends a:visited{
	background: url("1+.gif") ;
	_background: url("1+.gif");
	color: #000;
	}
	
#post_friends a:hover{
	background: url("2.png") ;
	_background: url("2.gif");
	color: #fff;
	}

	
	
.clear {
	clear:both;
	}
	

.pagenavi {
	padding-top: 10px;
	padding-right: 73px;
	text-align:right;
	}
	

	

.no {
	display:block;
	font-size:42px;
	letter-spacing:0px;
	font-family: arial, tahoma, monaco, courier, american typewriter, courier,  sans-serif;
	font-weight: normal;
	text-align: right;
	padding-top: 24px;
	padding-right: 5px;
	}
	
.alpha {
	display:block;
	font-size:42px;
	letter-spacing:0px;
	font-family: arial, tahoma, monaco, courier, american typewriter, courier,  sans-serif;
	font-weight: normal;
	text-align: right;
	padding-top: 24px;
	padding-right: 5px;
	}
	
	
	
	
/*+++news_single+++*/

	
.singlecat {	
	width: 150px;
	height: 15px;
	display: block;
	border: none;
	}
	
	
	
.singleleft {	
	width: 660px;
	display: block;
	float:left;
	border: none;
	margin:8px 0 15px 0;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	font-size:14px;
	line-height:21px;
	color:DodgerBlue;
	}
	
.singleleft img{	
	border: none;
	}
	
.singleleft2 {	
	width: 495px;
	display: block;
	float:left;
	border: none;
	margin:8px 0 15px 0;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	font-size:14px;
	line-height:21px;
	color:DodgerBlue;
	}
	
.singleleft2 img{	
	border: none;
	}
	
.singleleft3 {	
	width: 660px;
	display: block;
	float:left;
	border: none;
	margin:8px 0 15px 0;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	font-size:14px;
	line-height:21px;
	color:DodgerBlue;
	}
	
.singleleft3 img{	
	border-top: solid 1px #aaa;
	border-right: solid 1px #aaa;
	border-left: solid 1px #aaa;

	}

	
.singletitle {	
	width: 75px;
	height: 93px;
	display: block;
	text-decoration:none;
	background: url("2.png");
	_background: url("2.gif");
	font-size:10px;
	line-height:11px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #fff;
	text-align:left;
	margin-left:-184px;
	margin-top:-64px;
	padding-top: 10px;
	padding-left: 29px; 
	padding-right: 10px; 
	padding-bottom: 10px;
	float:left;
	}
	


.navigation {
	width:88px;
	height: 190px;
	display: block;
	text-align:left;
	margin-top: 70px;
	margin-left: 20px;
	float:left;
	}
	
.previous {
	width:79px;
	height: 80px;
	display: block;
	text-decoration:none;
		margin-top: 5px;
	}
	
.previous img {
	border:none;
	}
	
.next {
	width:79px;
	height: 80px;
	display: block;
	text-decoration:none;
	}
	
.next img {
	border:none;
	}

#about {	
	width: 228px;
	height: 334px;
	display: block;
	background: url("3.png") ;
	_background: url("3.gif") ;
	text-align:left;
	margin-left: 41px;
	margin-top: -87px;
	padding-top: 44px;
	padding-left: 60px; 
	padding-right: 124px; 
	padding-bottom: 44px;
	}
		
.about_e {	
	font-size:13px;
	line-height:18px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #fff;
	}
	
.about_j {	
	font-size:11px;
	line-height:18px;
	font-family: hiragino kaku gothic pro w3,  sans-serif;
	font-weight: normal;
	color: #fff;
	}
	
.about_e a{	
	color: #fff;
	text-decoration:underline;
		}
		
.about_e a:hover{	
	color: #fff;
	text-decoration:none;
		}

	
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	.padTop95 { padding-top:95px; }	
.padTop88 { padding-top:88px; }	
.padTop80 { padding-top:80px; }	
.padTop58 { padding-top:58px; }	
.padTop48 { padding-top:48px; }	
.padTop30 { padding-top:30px; }
.padTop29 { padding-top:29px; }
.padTop28 { padding-top:28px; }
.padTop27 { padding-top:27px; }
.padTop26 { padding-top:26px; }
.padTop25 { padding-top:25px; }
.padTop24 { padding-top:24px; }
.padTop23 { padding-top:23px; }
.padTop22 { padding-top:22px; }
.padTop21 { padding-top:21px; }
.padTop20 { padding-top:20px; }
.padTop19 { padding-top:19px; }
.padTop18 { padding-top:18px; }
.padTop17 { padding-top:17px; }
.padTop16 { padding-top:16px; }
.padTop15 { padding-top:15px; }
.padTop14 { padding-top:14px; }
.padTop13 { padding-top:13px; }
.padTop12 { padding-top:12px; }
.padTop11 { padding-top:11px; }
.padTop10 { padding-top:10px; }
.padTop9 { padding-top:9px; }
.padTop8 { padding-top:8px; }
.padTop7 { padding-top:7px; }
.padTop6 { padding-top:6px; }
.padTop5 { padding-top:5px; }
.padTop4 { padding-top:4px; }
.padTop3 { padding-top:3px; }
.padTop2 { padding-top:2px; }
.padTop1 { padding-top:1px; }

	
	
h1{
font-size:9px;
	line-height:18px;
	font-family: hiragino kaku gothic pro w3,  sans-serif;
	font-weight: normal;
	color: #000;
	padding-left:243px;}
	
.info{	
		font-size:11px;
	line-height:15px;
	font-family: arial, tahoma, monaco, courier, american typewriter, georgia, courier,  sans-serif;
	font-weight: normal;
	color: #000;
	}
	
	
	
