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

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

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

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

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

body.single div#content p.topicPath {
	text-align:left;
	font-size: 11px;
	padding-left:1.8em;
}

/*--------------------------------------
	3-2-1. div#utilities
---------------------------------------*/

body.single div#utilities {
	margin-top: 1em;
}

body.single div#utilities dl.navi {
	margin-top: 0;
	display: inline; /* for WinIE */
	float: left;
	width: 320px;
}

body.single div#utilities dl.others {
	margin-top: 0;
	margin-left: 360px;
	padding-left: 10px;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

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

	3-3. [Double column] body.double 
	bodyにclass="double"がついた時のレイアウト
	[←★→]マークのついた指定を反転させることでカラムの位置入れ替えが可能
	
=======================================*/

body.double div#content p.topicPath {
	text-align:left;
	font-size: 11px;
	padding-left:1.8em;
}

/*--------------------------------------
	3-3-1. div#main
---------------------------------------*/

body.double div#main {
	float: right; /* [←★→] */
	width: 73.5%;
	/*border-right: 1px solid #eee;  [←★→] */
	margin-left: -1px; /* [←★→] */
	/*border-bottom: 1px solid #eee; */
}

/*--------------------------------------
	3-3-2. div#utilities
---------------------------------------*/

body.double div#utilities {
	padding-top: 0;
	float: left; /* [←★→] */
	clear: left; /* [←★→] */
	width: 25.5%;
}

body.double div#utilities dl {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
}

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

	Multi Column TYPE
	┌┐┏━━┓┌┐
	││┃　　┃││
	└┘┗━━┛└┘
	
=======================================*/

/*--------------------------------------
	1-2.body.multiへの処理
---------------------------------------*/

/* 1-2-1div#main
-----------------------------*/

body.multi div#main {
	margin: 0 150px;
	text-align:center;
	width: 433px;
	_width: 435px; /* for IE (border +2px) */
	
	min-height: 600px; /* 高さの最小値 */
	_height: 600px; /* for IE 高さの最小値 */
}

/* 1-2-1div#utilities
-----------------------------*/

body.multi div#utilities dl {
	margin: 0;
	padding-top: 4px;
}

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

*{  margin:0;
	padding:0;
	line-height: 1.5;
	text-decoration:none;
	font-weight:normal;
	font-size:100%;
}

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

a {color: #495865;}

a img {border: none;}

a:hover {color: #6F6F6F;}

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

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

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

.clear{clear:both;}

strong,
strong span{font-weight:bold;}

em{font-style:italic;}

u,
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:#F00;}

span.blue{color:#142378;}

span.orange{color: #F5820A;}

span.big{font-size:21px;}

span.middle{font-size:17px;}

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

p.right{text-align:right;}

p.center{text-align:center;}

#body {
	border-left:1px solid #999;
	border-right:1px solid #999;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

* html body div#body{width: 752px;}

*:first-child+html body div#body{width: 752px;}

#content{
	margin: 0 auto;
	padding: 0;
	width :750px;
	position: relative;
	text-align:left;
	clear:both;
}

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

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

div#header {
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

ul#header-menu{
	position: relative;
	padding:0;
	margin:0;
	clear:both;
	width:750px;
	list-style:none;
}
html>/**/body ul#header-menu{
	left:0px;
	top:0px;
}
ul#header-menu li{
    list-style:none;
    float:left;
}
ul#header-menu li a{
    display:block;
	height:90px;
}
ul#header-menu li a span{display:none;} 
ul#header-menu li.title{width:250px;}
ul#header-menu li.title a{background: url(http://blog.exe.jp/~shinkawa-j/img/header-title.jpg);}
ul#header-menu li.btn1{width:125px;}
ul#header-menu li.btn1 a{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn1_r.jpg);}
ul#header-menu li.btn1 a:hover{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn1_r.jpg) 0px -91px;}
ul#header-menu li.btn2{width:125px;}
ul#header-menu li.btn2 a{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn2_r.jpg);}
ul#header-menu li.btn2 a:hover{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn2_r.jpg) 0px -91px;}
ul#header-menu li.btn3{width:125px;}
ul#header-menu li.btn3 a{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn3_r.jpg);}
ul#header-menu li.btn3 a:hover{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn3_r.jpg) 0px -91px;}
ul#header-menu li.btn4{width:125px;}
ul#header-menu li.btn4 a{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn4_r.jpg);}
ul#header-menu li.btn4 a:hover{background: url(http://blog.exe.jp/~shinkawa-j/img/header-btn4_r.jpg) 0px -91px;}

div#header-photo{height:350px;clear:both;}

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

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

div#footer {
	background: transparent;
	position: relative;
	padding: 0;
	margin: 0 auto;
	width: 750px;
	clear:both;
}

div#footer div.contact{
	border:1px solid #999;
	margin:0 auto;
	width:700px;
}

* html body div#footer div.contact{
	margin:0 1.5em 0 auto;
	text-align:center;
}

div#footer div.contact div{
	display:table-cell;
	text-align:left;
	margin-bottom:1px;
	vertical-align:bottom;
}

* html div#footer div.contact div{/* IE 6 */
	display:inline;
	zoom:1;
}

*:first-child+html div#footer div.contact div{/* IE 7 */
	display:inline;
	zoom:1;
}
div#footer div.contact div span{display:none;}

div#footer div.contact div.text{
	width:90px;
	padding:0.5em 0 0.5em 0.5em;
	font: 12px/14px "ＭＳ Ｐゴシック", "Osaka";
	color: #666;
}

div#footer div.contact div.freedial{
	width:275px;
	height:45px;
	background:url(http://www.shinkawa-j.co.jp/img/freedial.gif) no-repeat 0px 8px;
}
div#footer div.contact div.mailaddress{
	width:210px;
	height:45px;
	padding:0;
}
div#footer div.contact div.mailaddress a{
	width:210px;
	height:45px;
	display:block;
	background:url(http://www.shinkawa-j.co.jp/img/address.gif) no-repeat 0px 15px;
}

div#footer p{
	clear:both;
	width:100%;
	margin:1em 0 0;
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	text-align:center;
	color: #666;
}
div#footer p a{
	color: #666;
	text-decoration: none;
	margin:0 0.3em;
}
div#footer p a:hover{color: #999;}

div#footer,div#footer ul{text-align: right;}

div#footer ul.support {
	padding:0;
	margin: 0 0.7em;
}

div#footer ul.support li {
	margin: 0 0 0 6px;
	display: inline;
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	color: #999;
}

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

div#footer li.template a {

}

div#footer address {
	margin: 0;	
	padding:0 0.5em 0.5em 0;
	font: 12px "ＭＳ Ｐゴシック", "Osaka";
	text-align: right;
	color: #999;
}

/*--------------------------------------
	2-6-7. clearFix改
---------------------------------------*/

div#side{
	_height: 1px;
	min-height: 1px;
}

div#side:after{
	content: ″″;
	display: block;
	clear: both;
}

/* for MacIE5 \*//*/
div#side{
	height: auto;
	overflow: hidden;
}