@charset "utf-8";
/*
Theme Name: Tonegawa
Theme URI: http://www.kameleon.jp/
Description: 株式会社カメレオン
Author: 株式会社カメレオン
*/

/*************************
		common
*************************/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	background-color: #FFFFFF;
	height: 100%;
}

ul,ol,dl {
	padding-left: 1.5em;
	padding-bottom: 1em;
}
ol {
	margin-left: 5px;
}


ul {
	list-style-type: square;
}

li {
	padding: 5px 0;
}

p {
	margin-bottom: 1em;
}

a {
	color: #0087AF;
	/* Hidden from Mac IE \*/
	/*overflow: hidden;*/
	/**/
	text-decoration: none;
}

a:link,
a:visited { 
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}


img {
	border: none;
	text-decoration: none;
	vertical-align: middle;
}


h1 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 38px;
	margin-bottom: 25px;
}

h2 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 30px;
	margin-bottom: 38px;
}

h3 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 22px;
	margin-bottom: 15px;
}

h4 {
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 15px;
	margin-bottom: 10px;
}

h5 {
	background: url(images/blue-marker.gif) no-repeat;
	background-position: 2px 3px;
	padding-left: 17px;
	line-height: normal;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 12px;
}

.cboth {
	clear: both;
}

.bold {
	font-weight: bold;
}

.line-through {
	text-decoration: line-through;
}


.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.to-top {
	float: right;
}

.to-top a {
	width: 83px;
	height: 11px;
	background: url(images/to_top.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	background-color:  #00FF00;
	font-size: 9px;
	line-height: normal;
}


.to-top a:hover {
	background-position: 0 -11px;
}

#wrapper {
	width: 100%;
	position: relative;
	height: 100%;
	min-height: 100%;
}

body > #wrapper {
	height: auto;
}

/*************************
	WordPressが出力するクラス
	画像配置関連
*************************/

.alignnone {
	float: none;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

/*************************
		header
*************************/

#header-bg {
	text-align: center;
	width: 100%;
}

#header-inner {
	width: 900px;
	text-align: left;
	color: #FFFFFF;
	height: 155px;
	padding-top: 25px;
	margin: 0 auto;
}

/*************************
		globalmenu
*************************/

#globalmenu {
	font-size: 11px;
}

#globalmenu a:link,
#globalmenu a:visited
 {
	color: #FFFFFF;
}

#globalmenu a:visited {
	text-decoration: none;
}

#globalmenu a:hover {
	text-decoration: underline;
}

.menu-box {
	float: left;
	width: 110px;
}

.special {
	padding-left: 75px;
	width: 200px;
}

.special-subbox {
	width: 200px;
}

.special p {
	margin-bottom: 7px;
}

.menu-box span {
	color: #A4A4A4;
	margin-bottom: 15px;
	display: block;
	font-size: 14px;
}

.menu-box span#special {
	margin-bottom: 8px;
}

.menu-box ul {
	list-style-type: none;
	padding-bottom: 0;
	padding-left: 1em;
}

.menu-box li {
	padding: 0;
	margin: 7px 0;
}

/*************************
		header right-contents
*************************/

#logo-box {
	float: right;
	width: 118px;
	margin-bottom: 14px;
}

#logo-box a {
	background-repeat: no-repeat;
	width: 118px;
	height: 15px;
	display: block;
	text-indent: -9999px;
}

#sub-menu-box {
	width: 118px;
	float: right;
	clear: right;
	margin-bottom: 47px;
}

#sub-menu-box ul {
	list-style-type: none;
	padding: 0;
}

#sub-menu-box li {
	height: 14px;
	background-position:left 50%;	
	background-repeat: no-repeat;
	margin-bottom: 10px;
	padding: 0;
}


#sub-menu-box li.contact{
	background-image: url(images/contact-marker-black.gif);
	padding-left: 20px;
}

#sub-menu-box li.news {
	background-image: url(images/news-marker-black.gif);
	padding-left: 20px;
}

/*************************
		font-size
*************************/

#font-size-box {
	clear: right;
	float: right;
	width: 75px;
	height: 15px;
}

#font-size-box ul {
	padding: 0;
	list-style-type: none;
}
#font-size-box li {
	float: left;
	width: auto;
	padding: 0;
}

#font-size-box li a {
	text-indent: -9999px;
	background-repeat: no-repeat;
	display: block;
}


#font-size-box li a.small {
	width: 7px;
	height: 13px;
	margin-top: 2px;
	margin-right: 25px;
}

#font-size-box li a.middle {
	width:8px;
	height: 14px;
	margin-top: 1px;
	margin-right: 25px;
}

#font-size-box li a.large	{
	width: 9px;
	height: 15px;
}


#font-size-box li a.small:hover {
	background-position: -7px 0;
}

#font-size-box li a.middle:hover {
	background-position: -8px 0;
}

#font-size-box li a.large:hover {
	background-position: -9px 0;
}


/*************************
		change color
*************************/

#color-box {
	width: 900px;
	height: 10px;
	padding-top: 16px;
	font-size: 10px;
	margin: 0 auto;
}

#color-box ul {
	padding: 0;
	list-style-type: none;
	float: right;
	width: auto;
}

#color-box li {
	float: left;
	width: auto;
	padding: 0;
}
#color-box li a {
	display: block;
	width: 10px;
	height: 10px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

.change-red a {
	background-image: url(images/red.gif);
	margin-right: 9px;
}

.change-blue a {
	background-image: url(images/blue.gif);	
	margin-right: 9px;
}

.change-black a {
	background-image: url(images/black.gif);
}

/*************************
		main
*************************/


#main {
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 56px;
}

/*************************
		sidebar
*************************/

#sidebar {
	width: 215px;
	float: left;
	margin-right: 25px;
}

#sidebar ul {
	list-style-type: none;
	padding: 0;
}

#sidebar li {
	margin-bottom: 25px;
	padding: 0;
}

#sidebar li a {
	display: block;
	height: 15px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}

#sidebar li a:hover {
	background-position: 0 -15px;
}

#sidebar li a.menu-on {
	background-position: 0 -15px;	
}

/*************************
		contents
*************************/

#contents {
	float: right;
	width: 660px;
}

#contents  {
	line-height: 1.8em;
}

.text-box {
	margin-bottom: 50px;
}


/*************************
		footer
*************************/

#footer-bg {
	width: 100%;
	text-align: center;
	margin-top: 20px;
	position: absolute;
  bottom: 0;
	left: 0;
}


#footer-bg a {
	color: #FFFFFF;
}

#footer-bg a:visited {
	text-decoration: none;
}

#footer-bg a:hover {
	text-decoration: underline;
}

#footer-inner {
	width: 900px;
	height: 26px;
	padding-top: 10px;
	color: #FFFFFF;
	text-align: left;
	margin: 0 auto;
	font-size: 11px;
}

p#copyright {
	float: left;
	width: auto;
	margin: 0;
}

#footer-inner ul {
	list-style-type: none;
	padding: 0;
	width: auto;
	float: right;
}

#footer-inner li {
	float: left;
	width: auto;
	padding: 0;
}

#footer-inner li.left-menu {
	border-right: solid 1px #FFFFFF;
	margin-right: 5px;
	padding-right: 5px;
}

/*************************
banner,news @top page
*************************/
#bannerTop{
        margin: 0 auto;
        text-align: center;
} 

#news-box {
	width: 450px;
}

#news-box img {
	margin-left: 3px;
}

#news-box p#news-h {
	width: 40px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 5px 2px;
	text-align: center;
}

#news-box ul {
	list-style-type: none;
	padding-left: 0;
}

#news-box li {
	margin-top: 10px;
	color: #0087AF;
}

#news-box li span {
	color:#FF0000;
	margin-right: 1em;
}

p#to-all {
	padding-right: 10px;
}