@charset "utf-8";

* {
	font-family:Verdana, Arial, sans-serif;
}
html {
	overflow-y:scroll;
}

/* --- 配色 --- */
/* 文字色 */
* {
	color:#333333;
}
/* 薄い文字色 */
.content p.posted,
.sidebar li span,#archivelist span,#sitemap li span,
#powered,#powered a,
.newslist li span,
.caselist .casedate {
	color:#999999;
	color:#999999;
}
/* 色１ */
#banner,#sidemenu_calender caption,.sidebar h2,#footer {
	background-color:#335566;
}
#sitemap h3.sitemap-category-title {
	border-color:#335566;
}
.sidebar #menu li a:hover {
	border-left-color:#335566;
}
table.table {
	border-top-color:#335566;
	border-left-color:#335566;
}
table.table th,
table.table td {
	border-right-color:#335566;
	border-bottom-color:#335566;
}
.link-note a {
	color:#335566;
}
/* 色１の文字色 */
#banner,#banner a,#banner h2,#sidemenu_calender caption a,
#sidemenu_calender caption,.sidebar h2,
#footer address,#footer #under,#footer a,#footer address a {
	color:#ffffff;
}
/* 色２ */
.sidebar h2 {
	border-color:#85a3ae;
}
.sidebar #menu li a {
	border-left-color:#85a3ae;
}
/* 色３ */
.content h2,
#sitemap h4.sitemap-category-title {
	border-color:#d9d926;
}
.sidebar #menu li a:hover {
	background:#d9d926;
}
/* 薄い塗りつぶし */
table.table th {
	background:#e3e8e8;
}
/* もっと薄い塗りつぶし */
.subcase {
	background:#fffafa;
}
/* リンク色 */
a,
a:hover {
	color:#096a9b;
}
/* 強調色 */
.content strong {
	color:#cc6600;
}
/* 引用 */
.content blockquote {
	border-color:#85a3ae;
/*	background-color:#dcf0f0;*/
	background-color:#ebebe4;
}
/* 線色 */
.sidebar #menu li a {
	border-bottom-color:#cdcdcd;
}
.caselist li {
	border-color:#cdcdcd;
}
img.mobileimage {
	border-color:#000000;
}

/* お問い合わせ */
.ask-form em {
	color:#cc0000;
}
.error {
	color:#ff0000;
}

body,#container,.content,#right {
	background-color:#ffffff;
}
.sidebar img {
	border-color:#ffffff;
}


/* --- レイアウト --- */
body {
	margin:0px 0px 0px 0px;
	text-align:center;
}

form {
	margin:0px;
	padding:0px;
	display:inline;
}

hr {
	display:none;
}

textarea {
}

a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

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

h1, h2, h3 {
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#container {
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	padding:0px;
	width:760px;
}

#banner {
	text-align:left;
	padding:0px;
	height:100px;
	background-image:url(/image/title.jpg);
}

#banner-img {
	display:none;
}


#banner a {
	text-decoration:none;
}

#banner h1 {
	font-size:small;
	font-weight:bold;
	text-align:right;
	padding-top:40px;
	margin-right:5px;
}

#banner h2 {
	font-size:x-small;
	text-align:right;
	padding-top:5px;
	margin-right:5px;
}

#breadcrumb {
	margin:0px 0px 15px 0px;
	font-size:x-small;
}
#breadcrumb a {
	text-decoration:none;
}
#breadcrumb a:hover {
	text-decoration:underline;
}
#breadcrumb_a {
	margin:0px 0px 5px 0px;
	font-size:x-small;
}
#breadcrumb_a a {
	text-decoration:none;
}
#breadcrumb_a a:hover {
	text-decoration:underline;
}

#lineup {
	text-align:right;
	margin:0px 0px 15px 0px;
	font-size:x-small;
}
#lineup a {
	text-decoration:none;
}
#lineup a:hover {
	text-decoration:underline;
}

#center {
	clear:both;
	float:right;
	width:580px;
	overflow:hidden;
}
#search-result #center {
	width:750px;
	float:left;
}

.content {
	padding:5px 0px 5px 10px;
	font-size:small;
}

.content strong {
	font-weight:bold;
}

.content pre {
	font-size:small;
	line-height:110%;
}

.content p {
	font-size:small;
	font-weight:normal;
	text-align:left;
	margin-bottom:10px;
	margin-left:10px;
}

.content blockquote {
	border-width:1px;
	border-style:solid;
	padding:10px;
	margin:10px 10px 10px 20px;
}

.content li {
}

.content h2 {
	font-size:medium;
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:10px;
	border-left-style:solid;
	padding:1px 1px 2px 8px;
}

.content h2#trackbacks {
	font-size:small;
	padding-left:0px;
	border:none;
}
.content h3 {
	font-size:medium;
	text-align:left;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:5px;
	margin-left:5px;
}
.content h3.small {
	font-size:small;
}

.content img {
	border:0px;
}

.content p.posted {
	font-size:x-small;
	text-align:right;
	margin-bottom:25px;
	line-height:normal;
	padding:3px;
}
.content p.posted a {
	text-decoration:none;
}
.content p.posted a:hover {
	text-decoration:underline;
}

#right {
	float:right;
	width:180px;
	overflow:hidden;
}

.sidebar {
	padding:5px 10px 5px 0px;
}

.sidebar a {
	text-decoration:none;
}

.sidebar a:hover {
	text-decoration:underline;
}

.sidebar .sidemenu {
	margin:0px 0px 20px 0px;
}
.sidebar h2 {
	font-size:small;
	text-align:center;
	font-weight:bold;
	padding:3px;
	margin:0px 0px 3px 0px;
	border-left-width:10px;
	border-left-style:solid;
}
.sidebar ul {
	padding-left:0px;
	margin:0px;
}

.sidebar ul ul {
	margin-bottom:0px;
	margin-left:15px;
}

.sidebar li {
	font-size:x-small;
	text-align:left;
	line-height:130%;
	margin-top:3px;
	list-style-type:none;
}

.sidebar li span {
	font-size:xx-small;
}

/* メニュー */
.sidebar #menu {
	margin-bottom:20px;
}
.sidebar #menu h2 {
	display:none;
}
.sidebar #menu ul {
	margin:0px;
	padding:0px;
}
.sidebar #menu li {
	margin:0px;
	padding:0px 0px 1px 0px;
	list-style-type:none;
}
.sidebar #menu li a {
	color:#333333;
	height:24px;
	font-size:12px;
	padding-left:5px;
	padding-top:14px;
	text-decoration:none;
	display:block;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:10px;
	border-left-style:solid;
}
.sidebar #menu li a:hover {
	text-decoration:none;
	border-left-width:10px;
	border-left-style:solid;
}

.sidebar #menu li a.smallmenu {
	padding-top:8px;
	padding-bottom:8px;
	font-size:12px;
}


.sidebar #sidemenu_aboutus li {
	line-height:100%;
	font-size:x-small;
}
.sidebar #sidemenu_aboutus li.info {
	margin-left:3px;
}
.sidebar #sidemenu_aboutus li.infof {
	margin-top:8px;
	margin-left:3px;
}
.sidebar #sidemenu_aboutus li strong {
	font-size:x-small;
}
.sidebar #sidemenu_aboutus li.name strong {
	font-size:small;
}

.sidebar img {
	border-width:3px;
	border-style:solid;
}

.photo {
	text-align:left;
	margin-bottom:20px;
}

.search {
	font-size:x-small;
}

.link-note {
	font-size:small;
	line-height:150%;
	text-align:left;
	padding:2px;
	margin-top:50px;
	margin-bottom:15px;
}

.link-note a {
	font-weight:bold;
	text-decoration:underline;
}

#webscounter {
	margin-bottom:15px;
}

#powered {
	font-size:x-small;
	line-height:150%;
	text-align:left;
	margin-top:30px;
}

#comment-data {
	float:left;
	width:180px;
	padding-right:15px;
	margin-right:15px;
	text-align:left;
	border-right:1px dotted #BBB;
}

textarea[id="comment-text"] {
	width:80%;
}

.commenter-profile img {
	vertical-align:middle;
	border-width:0;
}

#footer {
	padding:15px;
	font-size:x-small;
}

#footer address {
	margin-top:5px;
	font-size:x-small;
	font-style:normal;
	text-align:center;
}
#footer address a {
	font-size:x-small;
}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

#archivelist span {
	font-size:x-small;
}
#sitemap li span {
	font-size:xx-small;
}
#sitemap a {
	text-decoration:none;
}

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

#sitemap-category {
	margin-bottom:20px;
}
#sitemap-category h3 {
	font-size:x-small;
	text-align:left;
	font-weight:bold;
	margin-bottom:5px;
	padding:0px;
	border:none;
}
#sitemap-category li {
	list-style-type:square;
}
#sitemap h3.sitemap-category-title {
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:10px;
	border-left-style:solid;
}
#sitemap h4.sitemap-category-title {
	font-size:medium;
	text-align:left;
	font-weight:bold;
	margin-bottom:10px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-left-width:10px;
	border-left-style:solid;
	padding:1px 1px 2px 8px;
}

#search h3 {
	font-size:14px;
	border:none;
}
#search h3 a {
	text-decoration:none;
}
#search h3 a:hover {
	text-decoration:none;
}


.top-bannar {
	margin-bottom:10px;
}


/* ----- */
.topbannar {
	margin:0px 1px 5px 1px;
}
.topblock {
	margin-bottom:30px;
}
p.more-more {
	clear:both;
	margin:10px 0px 0px 0px;
	text-align:right;
}

/* ----- */
.newslist {
	margin-bottom:10px;
}
.newslist ul,
.newslist ol {
	padding-left:10px;
	margin:0px;
}
.newslist ol {
	padding-left:30px;
}
.newslist li {
	text-align:left;
	line-height:130%;
	margin-top:3px;
	margin-left:5px;
	margin-bottom:10px;
}
.newslist ul li {
	list-style-type:square;
}
.newslist li span {
	font-size:x-small;
}

/* ----- */
.subcase {
	padding:10px;
	margin-bottom:20px;
}
.subcase ul,.subcase ol {
	margin:0px;
	padding-left:20px;
}
.subcase li {
	text-align:left;
	line-height:130%;
	margin-top:3px;
	margin-left:5px;
	margin-bottom:10px;
}
.subcase ul li {
	list-style-type:square;
}


.caselist {
	margin-top:15px;
}
.caselist ul,.subcase ol {
	margin:0px;
	padding:0px;
}
.caselist li {
	float:left;
	width:170px;
	height:220px;
	text-align:left;
	line-height:130%;
	margin-left:10px;
	margin-bottom:10px;
	border-width:1px;
	border-style:solid;
	overflow:hidden;
}
.caselist ul li {
	list-style-type:none;
}
.caselist .caselistentry {
	margin:5px;
}
.caselist .caselistentry a {
	text-decoration:none;
}
.caselist .caselistentry a:hover {
	text-decoration:underline;
}
.caselist .casedate {
	font-size:x-small;
}
.caselist .caseimg {
	text-align:center;
}

img.mobileimage {
	border-width:1px;
	border-style:solid;
}

/* ----- */
h2#categorytitle-contents,
h2#categorytitle-about {
	display:none;
}

.contentslist {
	margin-bottom:30px;
}

.contentslist p.more-more {
	font-size:x-small;
}


/* ----- */
.productlist h3 a {
	text-decoration:none;
}
.productlist h3 a:hover {
	text-decoration:underline;
}

/* ----- */
table.table {
	margin:10px 0px 10px 10px;
	border-collapse:collapse;
	border-top-width:1px;
	border-top-style:solid;
	border-left-width:1px;
	border-left-style:solid;
}
table.table th,
table.table td {
	border-right-width:1px;
	border-right-style:solid;
	border-bottom-width:1px;
	border-bottom-style:solid;
}
table.table th {
	padding:3px 5px 3px 5px;
	font-weight:normal;
}
table.table td {
	padding:3px 2px 3px 2px;
}

/* ----- */
.input_kanji {
	ime-mode: active;
}
.input_ank {
	ime-mode: inactive;
}
.input_ankonly {
	ime-mode: disabled;
}

/* ----- */
.ask-form em {
	font-style:normal;
}

table.ask {
	margin:0px 0px 10px 0px;
}
table.ask th {
	padding:3px 5px 3px 5px;
	font-weight:normal;
}
table.table td {
	padding:3px 5px 3px 5px;
}
#ask-button {
	text-align:center;
}
.error {
	font-weight:bold;
}