@charset "utf-8";
/*
Theme Name: WebGate Base Theme
Theme URI: http://localhost/
Description: WebGate用テーマ
Version: 0.2
Author: WebGate
Author URI: http://localhost/
*/ 

/* ---------- reset (no touch)---------- */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/* ---------- main layout (no touch) ---------- */
#colmask{clear:both;float:left;overflow:hidden;width:100%;position:relative}
#colmid{float:left;width:200%;position:relative}
#colright{left:50%;float:left;width:100%;position:relative}
#col1wrap{right:100%;float:right;width:50%;position:relative}
#col1pad{overflow:hidden}
#contentMainWrapper{overflow:hidden;width:100%}
#col2{float:left;margin-left:-50%;overflow:hidden;position:relative}
#col3{float:left;overflow:hidden;position:relative}
#mainWrapper,#header,#footer{margin:auto}

/* ---------- main layout (layout.php) ---------- */
#mainWrapper{
	width: 860px;	
	min-width: 860px;
}
#colmid {
left:243px;
}
#colright {
	MARGIN-LEFT: -240px;
}
#col1pad {
margin:0 20px 0 230px;
}
#col2 {
	LEFT: 20px;
	WIDTH: 210px;
}
#col3 {
	LEFT: 0px;
	WIDTH: 0px;
}
#header,#footer {
	width: 860px;
}
/* ---------- for wordpress ---------- */ 
html{
	color: #333;
	background: #fff;
}
body {
	font-size: 70%; /* Resets 1em to 10px */
	font-size: 12px;
	font-family: "Osaka", "ＭＳ Ｐゴシック", "平成角ゴシック", Arial, Verdana, sans-serif;
	line-height: 1.6;
	text-align: center;
}

#mainWrapper {
	background-color: white;
	text-align: left;
}

#content {
	font-size: 1.2em;
	width: 100%;
}

.alt {
	background-color: #f8f8f8;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#wp-calendar caption,cite{
	text-decoration: none;
}

.commentlist li,#commentform input,#commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentlist li {
	font-weight: bold;
}

.commentlist cite,.commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
}

.commentmetadata {
	font-weight: normal;
}

small,#sidebar ul ul li,#sidebar ul ol li,.nocomments,.postmetadata,blockquote,strike
	{
	color: #777;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym,abbr,span.caps {
	font-size: 0.9em;
	letter-spacing: .07em;
}

#wp-calendar #prev a,#wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

/* End Typography & Colors */
/* Begin Structure */
#contentMainWrapper {
	background-color: white;
	margin: 0px auto;
	padding: 0;
	border: 0px solid #959596;
}

.narrowcolumn {
	float: left;
	border: solid 0px #000000;
	padding: 0px;
	margin: 0px 0px 0 0;
}

.widecolumn {
	border: solid 1px #000000;
	padding: 10px 0 20px 0;
	margin: 0px;
	line-height: 1.6em;

}

.post {
	margin: 0 0 40px;
	text-align: justify;
}

.post hr {
	display: block;
}

.smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 0px;
}

.attachment {
	text-align: center;
	margin: 0px;
}

.postmetadata {
	clear: left;
	padding-top: 5px;
}
/* End Structure */
/* Begin a-link */
a,a:visited {
	color: #06c;
	text-decoration: none;
}

a:hover {
	color: #147;
}
/* End a-link */
/*	Begin Headers */
h2, h3 {
	font-weight: bold;
}

h2.pagetitle {
	font-size: 14px;
	margin-top: 0px;
	text-align: left;
}

h2 a,h2 a:visited {
	color: #333;
}
h3 a,h3 a:visited {
	color: #333;
}

h2 a:hover,h3 a:hover {
	color: #06c;
}

/* End Headers */ /* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

/* End Images */
/* Begin Lists */

.postmetadata ul,.postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

/* End Entry Lists */ 
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform textarea {
	width: 100%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

/* End Form Elements */
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0;
	display: block;
}

/* End Comments */
/* Begin Calendar */
#wp-calendar {
	empty-cells:show;
	margin:0 auto;
	width:170px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff;
}

/* End Calendar */ /* Begin Various Tags & Classes */
acronym,abbr,span.caps {
	cursor: help;
}

acronym,abbr {
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}

/* End Various Tags & Classes*/
#top-img {
	width: 540px;
	height: 200px;
	border: solid 0px #000000;
	background-color: #ffffff;
}

.bana {
	width: 235px;
	height: 50px;
	padding: 0 0 5px 0;
	background-color: #ffffff;
	border: solid 0px #000000;
}

.bana1 {
	width: 235px;
	height: 50px;
	padding: 5px 0 5px 0;
	text-align: center;
	background-color: #ffffff;
	border: solid 0px #000000;
}

#side-under {
	padding: 0;
	margin-left: 560px;
	width: 235px;
}

/*--------------------------------------- ページ送りナビ---*/
.tablenav {
	color: #2583ad;
	background: white;
	margin: 1em auto;
	line-height: 2em;
	text-align: center;
}

a.page-numbers,.tablenav .current {
	color: #00019b;
	padding: 6px;
	border: solid 1px #ccc;
	text-decoration: underline;
}

a.page-numbers:hover {
	color: white;
	background: #027abb;
}

.tablenav .current {
	padding: 6px;
	background: #EEEEEE none repeat scroll 0 0;
	border: 1px solid #EEEEEE;
	font-weight: bold;
	text-decoration: none;
}

.tablenav .next,.tablenav .prev {
	border: 0 none;
	background: transparent;
	text-decoration: underline;
	font-weight: bold;
}

/*------------------------------------------------------- */
/*----------------　【デザインエリア】　 ---------------- */
/*------------------------------------------------------- */

body{
background:url("img/bg.jpg") repeat-x scroll 0 0 transparent;
}
#col1pad {
width:610px;
}
#mainWrapper  {
background:url("img/bg_shadow.jpg") repeat-y scroll 0 0 transparent;
width:866px;
}

/* ---------- header ---------- */
h1 {
color:#FFFFFF;
font-size:14px;
padding:3px 0 0 6px;
}

#header{
	position: relative;
	height:165px;
	margin-bottom: 5px;
	background:url("img/header_bg.jpg") no-repeat scroll 0 0 transparent;
	}
#header h2{
	position: relative;
	left:20px;
	}
#page_summary{
left:560px;
position:absolute;
top:12px;
}
#mail_to{
bottom:84px;
left:560px;
position:absolute;
}

/* ---------- navi-bar ---------- */
#navi-bar ul.header {
border:0 solid #000000;
clear:both;
margin:0;
padding:0;
text-align:center;
width:860px;
}

#navi-bar .header li {
border:0 solid #000000;
float:left;
font-size:11px;
height:auto;
list-style-type:none;
text-align:center;
vertical-align:middle;
}

#navi-bar .header li a {
background:url("img/navi_center.jpg") no-repeat scroll 0 0 transparent;
color:#A71305;
display:block;
font-size:small;
font-weight:bold;
height:35px;
margin:0;
opacity:0.8;
overflow:hidden;
padding:15px 0 0;
text-shadow:0 1px 0 #FFFFFF;
width:143px;
}
#navi-bar .header li.firstChild a {
background:url("img/navi_left.jpg") no-repeat scroll 0 0 transparent;
width:144px;
}
#navi-bar .header li.lastChild a {
background:url("img/navi_right.jpg") no-repeat scroll 0 0 transparent;
width:144px;
}

#navi-bar .header li a:hover, #navi-bar .header li a.current_item{
	background:url("img/navi_center_on.jpg") no-repeat scroll 0 0 transparent;
	color:#A71305;
	font-weight: bold;
}
#navi-bar .header li.firstChild a:hover, #navi-bar .header li.firstChild a.current_item {
	background:url("img/navi_left_on.jpg") no-repeat scroll 0 0 transparent;
}
#navi-bar .header li.lastChild a:hover,  #navi-bar .header li.lastChild a.current_item{
	background:url("img/navi_right_on.jpg") no-repeat scroll 0 0 transparent;
}
#navi-bar .header li a.current_item{
opacity:1;
}

#navi-bar {
background:url("img/contents_bg.jpg") no-repeat scroll center bottom transparent;
border:0 solid #000000;
height:70px;
position:relative;
top:17px;
}

#head-id  .head-li-act a {
	background-image: url(img/menubar.gif);
	background-position: 0px -35px;
	color: #005380;
	font-weight: bold;
}

/*--------------------------------------------------------- パンくず*/
.breadcrumb {
	clear: both;
	height: auto;
	padding: 5px 0 5px 10px;
	font-size: 10px;
	text-align: left;
}

/*-------------------------------------------------------サイドメニュー*/
/*-----★サイド　大カテゴリ----*/
#sidebar .sidebar li a ,#sidebar h3 ,#searchform {
background:url("img/side_bg.jpg") no-repeat scroll 0 0 transparent;
color:#4F2C06;
display:block;
font-size:12px;
height:26px;
margin:0;
overflow:hidden;
padding:10px 0 0 30px;
width:160px;
}
/*-----★サイド　小カテゴリ----*/
/*--Navt(sidebar-sublevel-1)&Sidebar2--*/
#sidebar .sidebar-sublevel-1 li a ,#sidebar ul li a ,#sidebar ul#recentcomments li{
	background-image: none;
	width: 190px;
	padding: 10px 0 0 0;
	font-size: 10px;
	margin: 0;
	list-style-type: square;
}
/* ★#calendar背景 */
#sidebar #calendar_wrap{
	background-color: #B3EFFF;
	padding:10px 0;
}
/*-----サイド　ロールオーバー＆現在位置表示----*/
#sidebar .sidebar li a:hover, #sidebar ul li a:hover {
color:#4F2C06;
text-decoration:underline;
}
#sidebar .sidebar li a.current_item {
color:#4F2C06;
text-decoration:underline;
}
/* searchform */
#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}
#sidebar #searchsubmit {
	padding: 1px;
}

/* #recentcommentsのaタグ背景削除 */
#sidebar ul#recentcomments li a {
background-image: none;
}
/* --------------------------------------------- toppage ---------- */
.postlist ul {
	margin: 5px 0 10px 25px;
}

/* --------------------------------------------- 良くある質問 ---------- */
#cat_post_list ul{
	margin: 5px 0 10px 25px;
}
/*--------------------------------------------------------- entry*/
.entry {
font-size:12px;
line-height:1.8em;
margin:10px 0;
}
.entry p {
	font-size: 1.05em;
}
.entry p a:visited {
	color: #b85b5a;
}
html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: 0px;
}
html>body .entry li {
margin:7px 25px 8px 10px;
}
html>body .entry li.li_img {
background:url("img/li.jpg") no-repeat scroll 0 10px transparent;
margin:0 0 5px 5px;
padding:5px 0 0 20px;
}
.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}
.entry ol li {
	margin: 0;
	padding: 0;
	list-style-type:decimal;
}
.entry form {
	/* This is mainly for password protected posts, makes them look better. */
	text-align: center;
}
.category-faq #content li {
background:url("img/li.jpg") no-repeat scroll 0 10px transparent;
margin:0 0 0 5px;
padding:5px 0 0 20px;
}
/* ---------- ol li ---------- */
ol.decimal li {
list-style:decimal outside none;
}
/*--------------------------------------- 下層ページ h2タイトルバー---*/
.post h3,.pagetitle, .top-bar h2 {
background:url("img/h1_bg.jpg") no-repeat scroll 0 0 transparent;
color:#464646;
font-size:14px;
font-weight:bold;
height:29px;
margin:0 0 10px;
padding:12px 0 0 20px;
}
/*--------------------------------------- 下層ページ h3 h4タイトルバー---*/
.category-faq #content h3,.category-information #content h3 {
border-bottom:2px dotted;
color:#D7876E;
font-size:14px;
font-weight:bold;
margin:20px 0 10px;
padding:5px 0 2px 2px;
background:none;
height:auto;
}
.post h4 {
border-bottom:2px dotted;
color:#D7876E;
font-size:14px;
font-weight:bold;
margin:0 0 10px;
padding:5px 0 2px 2px;
}
h4.h4_obi1 {
border-bottom:3px double;
color:#E14A27;
font-size:14px;
font-weight:bold;
margin:0 0 10px;
padding:5px 0 2px 2px;
}
h4.h4_obi2 {
border-bottom:1px dotted #EEC900;
color:#2F2D20;
font-size:14px;
font-weight:bold;
margin:0 0 10px;
padding:5px 0 2px 2px;
}

h3.h3_obi1 {
margin:20px 0 5px;
	border: solid 0px #000000;
height:40px;
	background-image: url(img/h3_obi1.jpg);
	background-repeat: repeat-x;
color:#464646;
	font-size: 14px;
	font-weight: bold;
padding:12px 0 0 20px;
}
h3.h3_obi2 {
margin: 0;
background:none repeat scroll 0 0 #FDF3F1;
border-bottom:2px solid #E1826C;
height:40px;
background-image: none;
color:#464646;
font-size: 14px;
font-weight: bold;
padding:5px 10px;
}
h5 {
font-weight: bold;
font-size: 14px;
color:#464646;
margin:15px 0 5px 10px;
}
h5.h5_obi1 {
background-image:url("img/bar3.jpg");
background-position:center bottom;
background-repeat:repeat-x;
color:#464646;
font-size:14px;
font-weight:bold;
margin:15px 0 10px;
padding:0 0 3px 10px;
}
/* ---------- footer ---------- */
#footer {
background-color:#E97F6F;
clear:both;
height:auto;
margin-top:1px;
padding:0;
}
#footer img{
	float: left;
}

#footer h3{
color:#FFFFFF;
font-weight:normal;
text-align:center;
clear:both;
}
#footer h3 a{
color:#FFFFFF;
}

ul.footer {
	border: solid 0px #000000;
	text-align: center;
}

ul.footer li {
float:left;
font-size:10px;
height:auto;
list-style-type:none;
margin:0;
padding:10px 20px 6px;
vertical-align:middle;
}
ul.footer li a{
color:#ffffff;
}

#footer ul {
	border: solid 0px #000000;
	text-align: center;
}

#footer p {
	border: solid 0px #000000;
	padding: 10px;
	font-size: 10px;
}

#pagetop {
border-bottom:6px solid #CDCDCD;
font-size:12px;
margin-left:3px;
text-align:right;
width:860px;
}
/* ---------- メインコンテンツ部分 ---------- */
/* ---------- table ---------- */
.table-01 {
    width: 580px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin:0 auto;
}

.table-01 th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F9F1BB;
    font-weight: bold;
    text-align: left;
}
.table-01 td {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    background: #FFFFFF;
}
.table-01 td.td-bg01 {
    background: #F9F7E6;
}
/* ---------- table 事務所案内 ---------- */
.table-02 {
    width: 558px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin:0 auto;
}

.table-02 th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #FFFBDF;
    font-weight: bold;
    text-align: left;
}
.table-02 td {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    background: none;
}
/* ---------- table 報酬一覧---------- */
.table-03 {
    width: 580px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin:0 auto 10px;
}

.table-03 th {
    padding: 10px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #EFEFEF;
    font-weight: bold;
    text-align: left;
}
.table-03 td {
    padding: 10px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    background: none;
}
.table-03 td.td-bg01 {
    background: #F9F7E6;
}
/* ---------- フォントカラー ---------- */
.bold {
font-weight:bold;
}

.under{
text-decoration:underline;
}

.font_big{
font-size:14px;
}

.font_pink {
color:#dc82b5;
}

.font_red {
color: #ff0000;
}

.font_blue {
color:#0072BC;
}

.font_green {
color:#73be1e;
}

.font_yellow {
color:#968d00;
}

.font_orange {
color: #ffab27;
}

.font_brown {
color: #4c22id;
}
.font_gray {
color: #464646;
}
/*----------- background ---*/
.background001 {
background-color:#FCF8E1;
border:2px solid #FCF7D5;
margin:0px;
padding:15px;
width:560px;
}
.background002 {
background-color:#FBF2F0;
border:2px solid #FBE1DC;
margin:0px;
padding:15px;
width:560px;
}
.background003 {
background-color:#FCF8E1;
border:none;
margin:0px;
padding:15px;
width:330px;
}
.background004 {
border:5px solid #FBE1DC;
margin:0 auto;
padding:15px 35px;
width:430px;
}
/*--------------------------------------- 問い合わせフォーム用 dl.data---*/
dl.data {
background-color:#FFFFFF;
padding:0;
margin:5px 0;
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
text-align:left;
}
dl.data dt {
border-left:5px solid #FECF40;
border-top:1px solid #CCCCCC;
color:#333333;
float:left;
padding:8px 0 7px 8px;
width:150px;
line-height: 1.6em;
margin-left:1px;
}
dl.data dt.any {
border-left:5px solid #BFBFBF;
}
dl.data dd {
background-color:#FCFCFC;
border-left:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
margin:3px 0 3px 163px;
padding:8px;
line-height: 1.6em;
}
/*--------------------------------------- 線なし dl.data01---*/
dl.data01 {
padding:0;
margin:0px 0 0 10px;
border-bottom:none;
border-right:none;
border-left:none;
text-align:left;
width:100%;
}

dl.data01 dt {
border-left:none;
border-top:none;
color:#341800;
padding:5px 0 5px 5px;
width:250px;
line-height: 1.6em;
margin-left:1px;
}

dl.data01 dd {
background-color:none;
border-left:none;
border-top:none;
margin:0;
padding:0;
line-height: 1.6em;
position:relative;
right:10px;
text-align:right;
bottom:26px;
}

dl.data01 dt p {
position:absolute;
}
/*--------------------------------------- 線なし dl.data02 リンク集用---*/
dl.data02 {
border:none;
width:500px;
}
dl.data02 dt {
float:left;
width:100%;
padding:5px 0 0 10px;
clear:both;
font-weight:bold;
color:#4F4F4F;
}
dl.data02 dd {
margin-left:0px;
padding:0 0 10px 30px;
border:none;
}
/*--------------------------------------- サイドバー bana---*/
#sidebar ul li.bana_text{
text-align: left;
list-style-image:none;
margin:5px 0 0 0;
border-bottom:none;
background-image:none;
}