@charset "UTF-8"
?/*
 Design#17250
	This theme was designed and built by  and CSSEZ.com,
 through http://jp.cssez.com/.

	The CSS, XHTML and design is released under Creative Commons(BY):
 http://creativecommons.org/licenses/by/2.1/jp/

*/

/* Cross-browser settings */
* {
 margin: 0;
 padding: 0;
font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
font-size: 12px;
			}


/* general styles */
body {
 height:100%;
 background: #ffffff;
 font-size: 12px;
min-height:100%;
margin:auto;
position:relative;
}

img {
 border:0;
 display: block;
}

a {
 color: #0000ff;
}

a:visited {
 color: #990099;
}

a:hover {
 color: #999999;
}

#wrapper {
 width: 800px;
 margin: 0px auto;
 padding: 0px;
 font: 1.0em/150% 'arial', sans-serif;
  background: #ffffff;
}
.title1{
	font-size: 9pt;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
}

#wrapper2 {
 width: 800px;
 padding: 0px;
 border: 1px solid #ffffff;
}

/* Header2 */
#header2 {
 float: left;
 width: 100%;
height:90px;
 margin: 0px;
 padding: 0px;
  background: #ffffff url(http://www.sonic-tool.jp/img/home/board.gif) no-repeat;
}

#topi{
background:#dcdcdc;
padding:5px;
}

#topi h2{
margin: 5px;
}

/* Main contents */
#contents0 {
 float: right;
 width: 180px;
 margin: 8px 0px 0px;
 padding: 0px;
 background: #ffffff;
 text-align: left;
}


/* Main contents2 */
#contents2 {
 float: left;
 width: 180px;
 margin: 9px 0px 0px;
 background: #ffffff;
 text-align: left;
}

#osusume{
color:#fff;
}

#contents {
 float: right;
 width: 610px;
 margin: 8px 0px 0px;
 background: #ffffff;
}

/* --- ボックス --- */
.section {
 margin: 5px 0px 0px;
width: 600px; /* ボックスの幅 */
background-color: #fff; /* ボックスの背景色 */
}

.section a{
color: #333;
text-decoration: none;
}

.section a:hover{
color: #cc0000;
}


/* --- 見出し --- */
.section h3 {
margin: 0; /* 見出しのマージン */
padding: 2px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(http://www.sonic-tool.jp/img/home/sinchaku.gif) no-repeat; /* 見出しの背景色 */
border-bottom: 2px #c0c0c0 solid; /* 見出しの下枠線 */
font-weight:normal;
text-align:right;
font-size:12px;
}

/* --- 本文領域 --- */
.section .textArea {
height: 50px; /* 本文領域の高さ */
padding: 0px 5px; /* 見出しのパディング（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.section .textArea p {
margin: 5px 0px; /* 段落のマージン（上下、左右） */
width: 580px; /* ボックスの幅 */
border-bottom: 1px #c0c0c0 dotted;
}

/* --- ボックス --- */
.section5 {
 margin: 5px 0px 0px;
width: 600px; /* ボックスの幅 */
background-color: #fff; /* ボックスの背景色 */
}

.section5 a{
color: #333;
text-decoration: none;
}

.section5 a:hover{
color: #cc0000;
}

/* --- 見出し --- */
.section5 h3 {
margin: 0; /* 見出しのマージン */
padding: 2px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(http://www.sonic-tool.jp/img/home/about.gif) no-repeat; /* 見出しの背景色 */
border-bottom: 2px #c0c0c0 solid; /* 見出しの下枠線 */
text-align: right;
font-weight:normal;
font-size:12px;
}

/* --- 本文領域 --- */
.section5 .textArea {
height: 140px; /* 本文領域の高さ */
padding: 5px 5px; /* 見出しのパディング（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.section5 .textArea p {
margin: 5px 0px; /* 段落のマージン（上下、左右） */
width: 580px; /* ボックスの幅 */
border-bottom: 1px #c0c0c0 dotted;
}

/* --- ボックス --- */
.co1 {
 margin: 5px 0px 0px;
width: 335px; /* ボックスの幅 */
background-color: #fff; /* ボックスの背景色 */
float:right;
}

.co1 a{
color: #333;
text-decoration: none;
}

.co1 a:hover{
color: #cc0000;
}


/* --- 見出し --- */
.co1 h3 {
margin: 0; /* 見出しのマージン */
padding: 2px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(http://www.sonic-tool.jp/img/home/sinchaku.gif) no-repeat; /* 見出しの背景色 */
border-bottom: 2px #c0c0c0 solid; /* 見出しの下枠線 */
font-weight:normal;
text-align:right;
font-size:12px;
}

/* --- 本文領域 --- */
.co1 .textArea {
height: 110px; /* 本文領域の高さ */
padding: 0px 5px; /* 見出しのパディング（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.co1 .textArea p {
margin: 5px 0px; /* 段落のマージン（上下、左右） */
width: 330px; /* ボックスの幅 */
border-bottom: 1px #c0c0c0 dotted;
}

/* --- ボックス --- */
.co2 {
 margin: 5px 0px 10px;
width: 260px; /* ボックスの幅 */
background-color: #fff; /* ボックスの背景色 */
 text-align: left;
}

.co2 a{
color: #333;
text-decoration: none;
}

.co2 a:hover{
color: #cc0000;
}

.co2 img{
margin:5px;
}


/* --- 見出し --- */
.co2 h3 {
margin: 0; /* 見出しのマージン */
padding: 2px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(http://www.sonic-tool.jp/img/home/link.gif) no-repeat; /* 見出しの背景色 */
border-bottom: 2px #c0c0c0 solid; /* 見出しの下枠線 */
font-weight:normal;
text-align:right;
font-size:12px;
}

/* --- 本文領域 --- */
.co2 .textArea {
height: 110px; /* 本文領域の高さ */
padding: 0px 5px; /* 見出しのパディング（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.co2 .textArea p {
margin: 5px 0px; /* 段落のマージン（上下、左右） */
width: 255px; /* ボックスの幅 */
border-bottom: 1px #c0c0c0 dotted;
}

/* --- ボックス --- */
.section1-1 {
 margin: 5px 0px 0px;
width: 600px; /* ボックスの幅 */
background-color: #fff; /* ボックスの背景色 */
}

.section1-1 a{
color: #333;
text-decoration: none;
}

.section1-1 a:hover{
color: #cc0000;
}

/* --- 見出し --- */
.section1-1 h3 {
margin: 0; /* 見出しのマージン */
padding: 2px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(http://www.sonic-tool.jp/img/home/osusum.gif) no-repeat; /* 見出しの背景色 */
border-bottom: 2px #c0c0c0 solid; /* 見出しの下枠線 */
text-align: right;
font-weight:normal;
font-size:12px;
}

.section1-1 img {
margin:1px;
border:0;
}

/* --- 本文領域 --- */
.section1-1 .textArea {
padding: 0px 5px; /* 見出しのパディング（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.section1-1 .textArea p {
margin: 5px 0px; /* 段落のマージン（上下、左右） */
width: 580px; /* ボックスの幅 */
}

/* --- ボックス --- */
.section2-1 {
 margin: 5px 0px 0px;
width: 600px; /* ボックスの幅 */
background-color: #fff; /* ボックスの背景色 */
}

.section2-1 a{
color: #333;
text-decoration: none;
}

.section2-1 a:hover{
color: #cc0000;
}

/* --- 見出し --- */
.section2-1 h3 {
margin: 0; /* 見出しのマージン */
padding: 2px 10px; /* 見出しのパディング（上下、左右） */
background: #ffffff url(http://www.sonic-tool.jp/img/home/ichiran.gif) no-repeat; /* 見出しの背景色 */
border-bottom: 2px #c0c0c0 solid; /* 見出しの下枠線 */
text-align: right;
font-weight:normal;
font-size:12px;
}

.section2-1 img {
margin:1px;
border:0;
}

/* --- 本文領域 --- */
.section2-1 .textArea {
padding: 0px 5px; /* 見出しのパディング（上下、左右） */
}

/* --- 本文領域内の段落 --- */
.section2-1 .textArea p {
margin: 5px 0px; /* 段落のマージン（上下、左右） */
width: 580px; /* ボックスの幅 */
}

/* Navigation2 */
#navigation2 {
 float: left;
 width: 700px;
 margin: 0px;
 background:#cc0000;
 padding: 0px;
 text-align: center;
}

#navigation2 ul {
 list-style:none;
 float: left;
 text-align: center;
}

#navigation2 li {
 display:inline;
 float:left;
 margin: 0px;
 text-align: center;
}

#navigation2 li a.tabs {
 float:left;
 padding-left: 25px;
 text-decoration:none;
 text-align: center;
}

#navigation2 li a.tabs:hover {
}

#navigation2 li a.tabs span {
 float:left;
 padding: 5px 1px 4px 15px;
 color: #ffffff;
 text-align: center;
}

#navigation2 li a.tabs:hover span {
 color: #cccccc;
}


/* --- ボックス2 --- */
.section2 {
width: 178px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border-right: 0px #c0c0c0 solid; /* ボックスの枠線 */
border-left: 0px #c0c0c0 solid; /* ボックスの枠線 */
border-bottom: 1px #c0c0c0 solid; /* ボックスの枠線 */
border-top: 1px #c0c0c0 solid; /* ボックスの枠線 */
}

/* --- 見出し2 --- */
.section2 h3 {
margin: 0; /* 見出しのマージン */
padding: 1px 10px; /* 見出しのパディング（上下、左右） */
background-color: #e0e0e0; /* 見出しの背景色 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下枠線 */
font-size:11px;
}

/* --- ボックス内の段落2 --- */
.section2 p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

.section2 form {
margin: 10px 10px; 
}


/* option */
#opt {
 clear:both;
 width: 100%;
 height: 20px;
 margin: 0px;
 padding: 0px;
 border: 0px solid #000000;
 background: #ffffff;
 font-size: 0.7em;
 color: #000;
 text-align: center;
}

/* --- ナビゲーションバー --- */
.nav {
width: 178px; /* ナビゲーションの幅 */
}

/* --- メニューエリア --- */
.nav .nl {
margin: 0;
padding: 0;
border-top: 1px #cccccc solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav .nl li {
background: #333333 url(http://www.sonic-tool.jp/img/home/ver_menu3_back.gif) repeat-x top; /* 項目の背景 */
border-bottom: 1px #cccccc solid; /* 項目の下枠線 */
}

/* --- リンク --- */
.nav .nl li a {
display: block;
position: relative; /* IE6用 */
padding: 3px 10px 3px 25px; /* リンクエリアのパディング（上右下左） */
background: url(http://www.sonic-tool.jp/img/home/arrow1-off.gif) no-repeat 3px; /* 左側の三角マーク */
text-decoration: none; /* テキストの下線（なし） */
color:#333;
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: url(http://www.sonic-tool.jp/img/home/arrow-on1.gif) no-repeat 3px; /* ポイント時の三角マーク */
}


#contents .contents_body {
 margin: 5px 5px;
 padding: 0px;
}

#topicPath_01 {
	margin:5px 0;
         font-size: 12px;
         text-align:right;
}

#topicPath_01 li {
	display:inline;
	line-height:110%;
	list-style-type:none;
}

#topicPath_01 li a {
	padding-right:10px;
	background : url(http://www.sonic-tool.jp/img/home/topicpath.gif) no-repeat right center;
}


/* Footer */
#footer {
 clear:both;
 height: 20px;
 margin: 10px 0px 0px 0px;
 padding: 0px;
    background:black; 
    color:white; 
    width:100%; 
    text-align: center;
bottom:0;
}