@charset "utf-8";
/*
Theme Name: 東京都保険代理業協同組合
Theme URI: http://www.tosompo.or.jp/
Description: 
Version: 1.0
Author: KAZUHIRO TERADA
Author URI: http://technovis.jp/
Tags: insurance, blue, white, two columns
*/

* {
	font-family								: "ＭＳ 明朝", "Arial", "sans-serif";
}


h1, h2, h3, h4 {
	font-weight								: normal;
	clear									: both;
	margin									: 0;
	padding									: 0;
}

form, input, textarea, submit, select, option {
	font-size								: 90%;
	font-family								: none;
	margin									: 0;
	padding									: 0;
}

img, abbr {
	vertical-align							: bottom;
	line-height								: 0;
	border									: 0;
	margin									: 0;
	padding									: 0;
}

body {
	background								: url(images/bg.gif);
	color									: #333;
	font-size								: 90%;
	text-align								: center;
	line-height								: 20px;
	margin									: 0 auto;
	padding									: 0;
}

/********* Decoration start **********/
.clear {
	display									: inline-block;
}

.clear:after {
	clear									: both; 
	content									: " "; 
	display									: block; 
	font-size								: 0; 
	height									: 0; 
	visibility								: hidden; 
}

* html .clear {
	height									: 1%;
}

.clear {
	display									: block;
}

.deco {
	width									: 530px;
	font-size								: 90%;
	border-collapse							: collapse;
}

.deco tr th {
	background								: url(images/th.jpg);
	font-size								: 90%;
	font-weight								: normal;
	text-align								: center;
	border									: #CCC 1px solid;
	padding									: 3px 0;
}

.deco tr td {
	font-size								: 90%;
	border									: #CCC 1px solid;
	padding									: 3px 10px;
}

.deco tr td a {
	color									: #4169E1;
	text-decoration							: none;
}

.deco tr td a:hover {
	color									: #4169E1;
	text-decoration							: underline;
}

.alt {
	background								: url(images/td.gif);
}

.red {
	color									: #FF0000;
}

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

.align-right {
	text-align								: right;
}
/********* Decoration end **********/

/********* Top Menu start **********/
.menu {
	background								: url(images/home.jpg) no-repeat;
	width									: 760px;
	text-align								: left;
	margin									: 0 auto;
	padding									: 0;
}

.menu dl, .menu ul, .menu li, .menu dt, .menu dd {
	padding									: 0;
	margin									: 0;
}

.dropdown {
	font-size								: 90%;
	display									: block;
	position								: relative
}

.dropdown dt {
	background								: url(images/menu.jpg);
	width									: 200px;
	color									: #FFF;
	font-weight								: bold;
	text-indent								: 40px;
	line-height								: 40px;
	cursor									: pointer;
}

.dropdown dt:hover {
	background								: url(images/menu.jpg) bottom left;
}

.dropdown dt a {
	background								: url(images/menu.jpg) ;
	width									: 200px;
	color									: #FFF;
	text-indent								: 40px;
	text-decoration							: none;
	line-height								: 40px;
	display									: block;
}

.dropdown dt a:hover {
	background								: url(images/menu.jpg) bottom left;
}

.dropdown dd {
	width									: 220px;
	overflow								: hidden;
	position								: absolute;
	display									: none;
	top										: 0;
	opacity									: 0;
}

.dropdown dd ul {
	width									: 220px;
	list-style								: none;
}

.dropdown dd ul li {
	font-size								: 100%;
	display									: inline;
}

.dropdown dd ul li a {
	background								: url(images/submenu.jpg);
	width									: 220px;
	height									: 25px;
	color									: #FFF;
	text-indent								: 40px;
	text-decoration							: none;
	line-height								: 25px;
	display									: block;
}

.dropdown dd ul li a:hover {
	background								: url(images/submenu.jpg) bottom left;
}

.spacer {
	height									: 50px;
}
/********* Top Menu end **********/

/********* Side Menu start **********/
#sidemenu {
	padding									: 0;
	margin									: 0;
}

#sidemenu dt {
	width									: 100%;
	border-top								: #1A5189 1px solid;
	padding									: 0;
	margin									: 0;
}

#sidemenu dt a {
	background								: url(images/sidemenu_dt.jpg) left top;
	height									: 24px;
	color									: #FFF !important;
	line-height								: 24px;
	text-indent								: 16px;
	text-decoration							: none;
	display									: block;
}

#sidemenu dt a:hover {
	background								: url(images/sidemenu_dt.jpg) left bottom;
	color									: #FFF;
}

#sidemenu dd {
	width									: 100%;
	font-size								: 90%;
	padding									: 0;
	margin									: 0;
}

#sidemenu dd a {
	background								: url(images/sidemenu_dd.jpg) left top;
	height									: 24px;
	color									: #FFF;
	line-height								: 24px;
	text-decoration							: none;
	text-indent								: 24px;
	display									: block;
}

#sidemenu dd a:hover {
	background								: url(images/sidemenu_dd.jpg) left bottom;
	color									: #FFF;
}
/********* Side Menu end **********/

/********* Breadcrumb start **********/
.breadcrumb {
	background								: #F1F1F1;
	font-size								: 80%;
	text-indent								: 24px;
	line-height								: 32px;
}

.breadcrumb span {
	border-right							: #CCC 1px solid;
	padding-right							: 16px;
	margin-right							: 16px;
}

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

.breadcrumb a:hover {
	color									: #333;
	text-decoration							: underline;
}
/********* Breadcrumb end **********/

/********* Contents start **********/
#content {
	background								: #FFF;
	width									: 759px;
	_width									: 760px;
	text-align								: left;
	border-right							: #EEE 1px solid;
	border-left								: #EEE 1px solid;
	padding									: 0;
	margin									: 0 auto;
}

#left {
	width									: 189px;
	text-align								: left;
	vertical-align							: top;
	float									: left;
}

#right {
	width									: 569px;
	float									: right;
	border-left								: #EEE 1px solid;
}

#right h1 {
	font-size								: 100%;
	margin-bottom							: 15px;
}

#right h2 {
	height									: 59px;
	text-indent								: -9999px;
	margin-bottom							: 15px;
}

#right div.post h2 {
	height									: 24px;
	font-size								: 110%;
	text-indent								: 16px;
	line-height								: 24px;
	border-bottom							: #0E46A7 2px solid;
	margin									: 15px 0;
}

#right div.post a {
	color									: #0E46A7;
	text-decoration							: none;
}

#right div.post a:hover {
	color									: #0E46A7;
	text-decoration							: underline;
}

.entry {
	margin									: 10px 18px;
}

/* Top Page */
#home div {
	text-align								: center;
	padding-top								: 16px;
}

#news {
	background								: #F5F5F5;
	width									: 718px;
	_width									: 720px;
	height									: 160px;
	overflow								: auto;
	border-bottom							: #CCC 1px solid;
	border-right							: #CCC 1px solid;
	border-left								: #CCC 1px solid;
	padding									: 0;
	margin									: 0 auto;
	_margin									: 0 19px;
}

#news li {
	background								: url(images/arrow.gif) no-repeat 2% 50%;
	font-size								: 90%;
	font-weight								: bold;
	text-indent								: 40px;
	line-height								: 24px;
	list-style								: none;
	border-bottom							: #CCC 1px dotted;
}

#news li a, .index-bottom li a {
	color									: #0E46A7;
	text-decoration							: none;
}

#news li a:hover, .index-bottom li a:hover {
	color									: #0E46A7;
	text-decoration							: underline;
}

.index-bottom {
	font-size								: 80%;
	padding									: 0 0 16px 0;
	margin									: 16px 0 0 440px;
}

.index-bottom li {
	font-weight								: bold;
	list-style								: none;
	float									: left;
}

.index-bottom a {
	background								: url(images/li.gif) no-repeat 0% 50%;
	margin-left								: 16px;
	padding-left							: 16px;
}

/* greeting */
#greeting h2 {
	background								: url(images/h2_greeting.jpg) no-repeat 50% 50%;
}

/* about - top */
#about h2 {
	background								: url(images/h2_union_02.jpg) no-repeat 50% 50%;
}

#about a {
	color									: #4169E1;
	text-decoration							: none;
}

#about a:hover {
	color									: #4169E1;
	text-decoration							: underline;
}

.profile-title {
	width									: 100px;
	font-size								: 90%;
	font-weight								: bold;
	text-indent								: 8px;
	clear									: both;
	float									: left;
	border-bottom							: #CCC 1px solid;
	margin-bottom							: 20px;
}

.profile-value {
	width									: 430px;
	font-size								: 90%;
	text-indent								: 8px;
	float									: left;
	border-bottom							: #CCC 1px solid;
	margin-bottom							: 20px;
}

/* about - domain */
#domain h2 {
	background								: url(images/h2_union_01.jpg) no-repeat 50% 50%;
}

#domain ol {
	padding									: 0 0 0 32px;
	margin									: 0;
}

#domain ol li {
	font-size								: 90%;
	line-height								: 30px;
}

/* about - history */
#history h2 {
	background								: url(images/h2_union_03.jpg) no-repeat 50% 50%;
}

#history table {
	text-align								: left;
	border-collapse							: collapse;
	margin-bottom							: 20px;
}

#history table tr th {
	width									: 25%;
	font-size								: 90%;
	font-weight								: bold;
	text-indent								: 10px;
	vertical-align							: top;
	border-bottom							: #CCC 1px solid;
	padding									: 8px 0;
}

#history table tr td {
	width									: 75%;
	font-size								: 90%;
	border-bottom							: #CCC 1px solid;
	padding									: 8px 0;
}

/* about - access */
#access h2 {
	background								: url(images/h2_access.jpg) no-repeat 50% 50%;
}

/* operation */
#operation h2 {
	background								: url(images/h2_operation.jpg) no-repeat 50% 50%;
}

#operation h3 {
	color									: #BBB;
	font-weight								: bold;
	text-indent								: 8px;
	line-height								: 24px;
	border-bottom							: #CCC 3px solid;
	margin-bottom							: 8px;
}

#operation ul {
	padding									: 0;
	margin									: 0 0 16px 0;
}

#operation ul li {
	background								: url(images/li.gif) no-repeat 0% 50%;
	text-indent								: 24px;
	list-style								: none;
}

#operation ul li a {
	color									: #4169E1;
	text-decoration							: none;
}

#operation ul li a:hover {
	color									: #4169E1;
	text-decoration							: underline;
}

#adobe {
	background								: #EEE;
	font-size								: 80%;
	padding									: 8px 16px;
	margin									: 0;
}

#adobe a {
	color									: #4169E1;
	text-decoration							: none;
}

#adobe a:hover {
	color									: #4169E1;
	text-decoration							: underline;
}

/* operation - article */
#article h2 {
	background								: url(images/h2_article.jpg) no-repeat 50% 50%;
}

#article h4 {
	background								: #CCC;
	color									: #FEFEFE;
	font-weight								: bold;
	text-indent								: 16px;
	line-height								: 32px;
	border									: #999 2px solid;
}

#article ul {
	padding									: 0;
	margin									: 0 0 16px 0;
}

#article ul li {
	list-style								: none;
	margin									: 5px 0 0 0;
}

#article ul li ol {
	padding									: 0;
	margin									: 0 0 0 26px;
}

#article ul li ol li {
	list-style								: decimal;
}

#article a {
	color									: #4169E1;
	text-decoration							: none;
}

#article a:hover {
	color									: #4169E1;
	text-decoration							: underline;
}

/* operation - board */
#board h2 {
	background								: url(images/h2_board.jpg) no-repeat 50% 50%;
}

/* operation - member */
#member h2 {
	background								: url(images/h2_member.jpg) no-repeat 50% 50%;
}

/* operation - adviser */
#adviser h2 {
	background								: url(images/h2_adviser.jpg) no-repeat 50% 50%;
}

/* link - top */
#link h2 {
	background								: url(images/h2_link.jpg) no-repeat 50% 50%;
}

#link a {
	color									: #4169E1;
	text-decoration							: none;
}

#link a:hover {
	color									: #4169E1;
	text-decoration							: underline;
}

/* link - member */
.member-detail {
	width									: 530px;
	font-size								: 80%;
	border-collapse							: collapse;
	border-top								: #CCC 1px solid;
	border-left								: #CCC 1px solid;
	margin-bottom							: 20px;
}

.member-detail tr th {
	background								: url(images/th_2.jpg);
	width									: 20%;
	font-weight								: normal;
	text-indent								: 10px;
	border-bottom							: #CCC 1px solid;
	border-right							: #CCC 1px solid;
	padding									: 5px 0;
}

.member-detail tr td {
	border-bottom							: #CCC 1px solid;
	border-right							: #CCC 1px solid;
	padding									: 5px;
}

.member-detail tr td ol {
	padding									: 0;
	margin									: 0;
}

#imura h2 {
	background								: url(images/h2_imura.jpg) no-repeat 50% 50%;
}

#daiichiseiwa h2 {
	background								: url(images/h2_daiichiseiwa.jpg) no-repeat 50% 50%;
}

#koei h2 {
	background								: url(images/h2_koei.jpg) no-repeat 50% 50%;
}

#makita h2 {
	background								: url(images/h2_makita.jpg) no-repeat 50% 50%;
}

#sanyu h2 {
	background								: url(images/h2_sanyu.jpg) no-repeat 50% 50%;
}

#daiei h2 {
	background								: url(images/h2_daiei.jpg) no-repeat 50% 50%;
}

#akaishi h2 {
	background								: url(images/h2_akaishi.jpg) no-repeat 50% 50%;
}

#hakuei h2 {
	background								: url(images/h2_hakuei.jpg) no-repeat 50% 50%;
}

#ishop h2 {
	background								: url(images/h2_ishop.jpg) no-repeat 50% 50%;
}

#oyabu h2 {
	background								: url(images/h2_oyabu.jpg) no-repeat 50% 50%;
}

#soai h2 {
	background								: url(images/h2_soai.jpg) no-repeat 50% 50%;
}

#sanen h2 {
	background								: url(images/h2_sanen.jpg) no-repeat 50% 50%;
}

#oba h2 {
	background								: url(images/h2_oba.jpg) no-repeat 50% 50%;
}

#yamagata h2 {
	background								: url(images/h2_yamagata.jpg) no-repeat 50% 50%;
}

#utashiro h2 {
	background								: url(images/h2_utashiro.jpg) no-repeat 50% 50%;
}

#planet h2 {
	background								: url(images/h2_planet.jpg) no-repeat 50% 50%;
}

/* link - jia */
#jia h2 {
	background								: url(images/h2_jia.jpg) no-repeat 50% 50%;
}

#jia dl {
	padding									: 0;
	margin									: 0;
}

#jia dl dt {
	background								: url(images/li.gif) no-repeat 0% 50%;
	text-indent								: 30px;
	font-weight								: bold;
	padding									: 0;
	margin									: 0;
}

#jia dl dd {
	padding									: 0;
	margin									: 0;
}

#jia a {
	color									: #4169E1;
	text-decoration							: none;
}

#jia a:hover {
	color									: #4169E1;
	text-decoration							: underline;
}

#jia dl dd.jia-spacer {
	border-bottom							: #EEE 2px dotted;
	padding-bottom							: 8px;
	margin-bottom							: 8px;
}

/* link - inscom */
#inscom h2 {
	background								: url(images/h2_inscom.jpg) no-repeat 50% 50%;
}

#inscom h3 {
	background								: #CCC;
	font-size								: 100%;
	font-weight								: bold;
	text-indent								: 16px;
	letter-spacing							: 8px;
	line-height								: 24px;
	border									: #999 2px solid;
}

#inscom ul {
	font-size								: 90%;
	padding									: 0;
	margin									: 8px 0 16px 0;
}

#inscom ul li {
	list-style								: none;
	border-bottom							: #999 1px solid;
}

#inscom a {
	background								: url(images/li.gif) no-repeat 0% 50%;
	color									: #4169E1;
	text-decoration							: none;
	text-indent								: 24px;
	line-height								: 24px;
	display									: block;
}

#inscom a:hover {
	background								: #999;
	color									: #FFF;
}

/* link - related_info */
#related_info h2 {
	background								: url(images/h2_related_info.jpg) no-repeat 50% 50%;
}

#related_info h3 {
	background								: #CCC;
	font-size								: 100%;
	font-weight								: bold;
	text-indent								: 16px;
	letter-spacing							: 8px;
	line-height								: 24px;
	border									: #999 2px solid;
}

#related_info ul {
	font-size								: 90%;
	padding									: 0;
	margin									: 8px 0 16px 0;
}

#related_info ul li {
	list-style								: none;
	border-bottom							: #999 1px solid;
}

#related_info a {
	background								: url(images/li.gif) no-repeat 0% 50%;
	color									: #4169E1;
	text-decoration							: none;
	text-indent								: 24px;
	line-height								: 24px;
	display									: block;
}

#related_info a:hover {
	background								: #999;
	color									: #FFF;
}

/* contact */
#contact h2 {
	background								: url(images/h2_contact.jpg) no-repeat 50% 50%;
}

#contact table {
	width									: 530px;
	font-size								: 90%;
	border-collapse							: collapse;
	border-top								: #CCC 1px solid;
	border-right							: #CCC 1px solid;
}

#contact table tr th {
	background								: url(images/th_2.jpg);
	width									: 34%;
	font-weight								: normal;
	border-bottom							: #CCC 1px solid;
	border-left								: #CCC 1px solid;
	padding									: 5px;
}

#contact table tr td {
	width									: 64%;
	border-bottom							: #CCC 1px solid;
	border-left								: #CCC 1px solid;
	padding									: 5px;
}

#contact table tr td input {
	width									: 97%;
	font-family								: none;
	padding									: 3px;
}

#contact table tr td textarea {
	width									: 97%;
	height									: 160px;
	font-family								: none;
	padding									: 3px;
}

.submit {
	text-align								: right;
}

#submit {
	padding									: 2px 8px;
}

/* Concept */
#concept h2 {
	background								: url(images/h2_concept.jpg) no-repeat 50% 50%;
}

/* Privacy Policy */
#privacy h2 {
	background								: url(images/h2_privacy.jpg) no-repeat 50% 50%;
}

/********* Footer start **********/
#footer {
	background								: #0E46A7;
	width									: 760px;
	color									: #FFF;
	font-family								: Tahoma, "Times New Roman", "ＭＳ 明朝";
	font-size								: 80%;
	font-weight								: bold;
	text-align								: center;
	clear									: both;
	margin									: 0 auto;
	padding									: 10px 0;
}

#footer a {
	color									: #FFF;
	text-decoration							: none;
}

#footer a:hover {
	color									: #FFF;
	text-decoration							: underline;
}
/********* Footer end **********/