@charset "utf-8";
/*  
Theme Name: wp.Vicuna
Theme URI: http://wp.vicuna.jp/
Description: <a href="http://wp.vicuna.jp">wp.Vicuna</a> Structure Template + <a href="http://wp.vicuna.jp/skin/">Skin</a>
Version: 1.4
Author: wu
*/

/*======================================

	3-2. [Sngle column]
	bodyにclass="single"がついた時のレイアウト
	
=======================================*/

body.single div#content,body.single div#main{
	margin: 0 auto;
	padding: 0;
	width :770px;
	position: relative;
	text-align: center;
}

body.single ul#flip1 {
	position: absolute;
	right: 0;
	top: 0;
}

body.single div#main p.topicPath {
	margin-right: 7em;
}

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

*{  margin:0;
	padding:0;
	line-height: 1.5;
/*	font-size:100%;
	font-weight:normal;
	font-style: normal;*/
}

body {
	font-family: "Osaka", "Trebuchet MS", "Arial, Helvetica", "ＭＳ Ｐゴシック", "sans-serif";
	text-align: center;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	height:100%;
	width:100%;
	margin: 0;
	padding: 0;
}

a {
	color: #495865;
	text-decoration: none;
}

a img {border: none;}

a:hover {
	color: #6F6F6F;
	text-decoration: underline;
}

a img {border: none;}

img.alignright,div.alignright{float:right;}

img.alignleft,div.alignleft{float:left;}

img.aligncenter,div.centered{text-align:center;margin:0 auto;clear:both;}

.clear{clear:both;}

strong{font-weight:bold;}

em{font-style:italic;}

span.underline{text-decoration: underline;}

blockquote {
	color: #666;
	background: #f5f5f5;
	border: 3px solid #eee;
	margin: 0.5em 30px 1em;
	padding: 0.6em 20px;
}

blockquote * {
	color: #666;
	margin: 0!important;
	border: none!important;
}

blockquote[title]:before {
	margin-bottom: 0.6em;
	color: #000;
	display: block;
	content: "Quote: "attr(title); 
}

blockquote[cite]:after {
	padding: 0.8em 20px;
	display: block; 
	content: "Quote: "attr(cite);
	text-align: right;
	color: #333;
}

cite {
	color: #333;
	display: block;
	text-align: right;
	margin: 0.5em 30px 1em;
}

code {
	font-family: monospace;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: monospace;
}

del {
	color: #bbb;
	text-decoration: line-through;
}

del[datetime]:before {
	content: " ( "attr(datetime)"\00524a\009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]:before {
	content: " ( "attr(datetime)"\004fee\006b63) ";
}

span.red{color: #900;}

span.blue{color: #36C;}

span.small{font-size: 70%;}

span.medium{font-size: 100%;}

span.large{font-size: 130%;}

p.left{text-align:left;}

p.right{text-align:right;}

p.center{text-align:center;}

#rap {
	border-right:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 770px;
}

#content{
	margin: 0 auto;
	padding: 0;
	width :770px;
	position: relative;
	text-align: center;
}

/*======================================

	div#header
	
=======================================*/

#header {
	margin: 0;
	padding: 0;
	width: 770px;
	height: 80px;
	text-align: left;
	background:#FFFFFF url(http://www.turu.net/img/header-bg.gif) repeat-x;
}

#headerimg{
	background:url(http://www.turu.net/img/header-logo.gif) no-repeat left top;
	height: 80px;
	width:100%;
}

#headerimg h1{
	position: relative;
	top:0;
	left:85px;
	width:575px;
}

ul#header-menu{
	position: relative;
	padding:0;
	margin:0;
	top:3px;
	left:85px;
	width:652px;
	list-style:none;
}
* html body ul#header-menu{
	top:13px;
}
*+html body ul#header-menu{
	top:13px;
}

ul#header-menu li{
	list-style:none;
    float:left;
}
ul#header-menu a{
    display:block;
	height:27px;
}
ul#header-menu a span{display:none;} 
li.btn1{width:95px;}
li.btn1 a{background: url(http://www.turu.net/img/header-btn1_r.gif);}
li.btn1 a:hover{background: url(http://www.turu.net/img/header-btn1_r.gif) 0px -28px;}
li.btn2{width:95px;}
li.btn2 a{background: url(http://www.turu.net/img/header-btn2_r.gif);}
li.btn2 a:hover{background: url(http://www.turu.net/img/header-btn2_r.gif) 0px -28px;}
li.btn3{width:140px;}
li.btn3 a{background: url(http://www.turu.net/img/header-btn3_r.gif);}
li.btn3 a:hover{background: url(http://www.turu.net/img/header-btn3_r.gif) 0px -28px;}
li.btn4{width:70px;}
li.btn4 a{background: url(http://www.turu.net/img/header-btn4_r.gif);}
li.btn4 a:hover{background: url(http://www.turu.net/img/header-btn4_r.gif) 0px -28px;}
li.btn5{width:53px;}
li.btn5 a{background: url(http://www.turu.net/img/header-btn5_r.gif);}
li.btn5 a:hover{background: url(http://www.turu.net/img/header-btn5_r.gif) 0px -28px;}
li.btn6{width:63px;}
li.btn6 a{background: url(http://www.turu.net/img/header-btn6_r.gif);}
li.btn6 a:hover{background: url(http://www.turu.net/img/header-btn6_r.gif) 0px -28px;}
li.btn7{width:68px;}
li.btn7 a{background: url(http://www.turu.net/img/header-btn7_r.gif);}
li.btn7 a:hover{background: url(http://www.turu.net/img/header-btn7_r.gif) 0px -28px;}
li.btn8{width:68px;}
li.btn8 a{background: url(http://www.turu.net/img/header-btn8_r.gif);}
li.btn8 a:hover{background: url(http://www.turu.net/img/header-btn8_r.gif) 0px -28px;}

h2 {
	text-align:center;
	margin:0 auto;
	padding:0.6em 0 0;
}

/*======================================

	div#footer
	
=======================================*/

div#footer {
	background: #2D7332;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 770px;
	clear:both;
}

div#footer ul.support {
	padding:0;
	margin: 1.3em 0.7em 0;
	text-align: right;
}

div#footer ul.support li {
	margin: 0 0 0 6px;
	display: inline;
	font-size: 85%;
	color: #fff;
}

div#footer ul.support li a {
	color: #ccc;
	text-decoration: none;
}

div#footer li.template a {
}

div#footer address {
	margin: 0;	
	padding:0 0.2em 0.5em 0;
	text-align: right;
	color: #fff;
}