@charset "utf-8";

/*--------------------------------------------------------
----------------------------------------------------------
OEM用css                                        2009/01/22


○body#regular		汎用OEM用
● /promo/index.html
body#regular
	└#wrapper	　…………………	ページ要素全体のコンテナ
	  ├#top	……………………	コンテンツ格納コンテナ
	  └#footer	　…………………	フッタ格納コンテナ
● /promo/contents/XXXXXXX.html
body#regular
	└#wrapper	　…………………	ページ要素全体のコンテナ
	  ├#contents	　……………	メインコンテンツコンテナ
	  └#footer	　…………………	フッタ格納コンテナ


---------------
○body#infoseek		infoseek用
● /promo/infoseek/index.html
body#infoseek
	└#wrapper	　…………………	ページ要素全体のコンテナ
		└#top	……………………	トップコンテンツ格納コンテナ
● /promo/infoseek/contents/XXXXXXX.html
body#infoseek
		└#wrapper	　…………………	ページ要素全体のコンテナ
			└#contents	　……………	メインコンテンツコンテナ


---------------
○body#gogo		gogo.gs用
● /promo/gogo/XXXXXXXXX.html
body#gogo
	└#wrapper	　…………………	ページ要素全体のコンテナ
	   ├#contentsWrapper	……	コンテンツ・ナビ格納コンテナ
	   │├#contents	…………	コンテンツ格納コンテナ　
	   │└#nav　 　………………	ナビ格納コンテナ
	   └#footer	………………	フッタ格納コンテナ


注意
#form と .form は別

----------------------------------------------------------
--------------------------------------------------------*/

/*---------------------------------------
共通
----------------------------------------*/
* {
	margin:0;
	padding:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

body {
	line-height:1.2;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;
	*font-size:small;
	*font:x-small;
}

html {
	overflow-y:scroll;
}

p {
	margin-bottom:12px;
}

strong {
	font-weight:bold;
}

img {
	border:0;
}

table {
	border-collapse:collapse;
	border:0;
}

.clear {
	clear:both;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.left {
	text-align:left;
}

/*------------------------
全OEM共通 #top
------------------------*/
#top h1 {
	margin-bottom:15px;
}

#top h2 {
	margin-bottom:12px;
	padding:3px 6px;
	clear:both;
	color:#fff;
	background-color:#339;
	font-size:100%;
	font-weight:bold;
}

#top h3 {
	margin-bottom:5px;
	padding:3px 3px 3px 22px;
	border-top:1px solid #92a9e2;
	background:url(/images/contents_arrow.gif) #e3e8f5 no-repeat 2% 50%;
}

#top h3 a {
	font-weight:bold;
}

/*-- サービスの流れ --*/
#top .flow {
	margin-bottom:15px;
}

#top .flow td {
	font-size:80%;
	vertical-align:top;
}

#top .flow img {
	margin-right:8px;
}

/*-- おすすめコンテンツ --*/
#top .recommendBox {
	clear:both;
}

#top .recommendBox .recommendLeft {
	padding-bottom:15px;
	float:left;
	clear:left;
	width:280px;
}

#top .recommendBox .recommendRight {
	padding-bottom:15px;
	float:right;
	clear:right;
	width:280px;
}

#top .form {
	margin-bottom:15px;
	float:right;
	width:340px;
}

#top .form p {
	margin-bottom:4px;
	text-align:left;
	padding-left:30px;
}

#top .form p.question {
	margin:2px 0;
	font-size:110%;
}

#top .form p.note {
	padding-right:30px;
	font-size:80%;
	color:#000;
}

#top .form .attentionBox {
width:280px;
padding-left:30px;
padding-bottom:10px;;
}

#top .form .attentionBox p {
padding-left:5px;
font-size:80%;
color:#000;
}

#top .form table.outside {
	margin:0 auto 4px;
	width:300px;
}

#top .form table.inside {
	margin-bottom:2px;
	width:284px;
}

#top .form span {
	font-size:90%;
}

#top .form .company {
	padding-left:30px;
	color:#2E2E8E;
}

#top .form .company img {
	margin-right:8px;
}

#top img.right {
	margin-right:10px;
	float:right;
}




/*------------------------
全OEM共通 #contents
------------------------*/
#contents h1 {
	font-weight:bold;
	font-size:140%;
	color:#339;
}

#contents h2 {
	margin-bottom:15px;
	padding:8px 0px 6px 8px;
	border:1px solid #03c;
	color:#333;
	font-weight:bold;
	font-size:120%;
}

#contents h3 {
	margin-bottom:10px;
	padding:5px 0 5px 10px;
	font-weight:bold;
	background-color:#cbdefc;
}

#contents .title {
	margin-bottom:15px;
	width:580px;
}

#contents .title img {
	margin-bottom:3px;
}

#contents .title td.marker {
	background:url(/promo/images/title_icon.gif) repeat-x 0 0;
	width:10px;
}

#contents .title td.border {
	border-bottom:1px dotted #999;
}

#contents table.data {
	margin:1px auto;
	border:1px solid #666;
	width:100%;
}

#contents table.data th {
	padding:6px;
	border:1px solid #666;
	color:#fff;
	background-color:#6363cd;
	font-weight:bold;
}

#contents table.data td {
	padding:6px;
	border:1px solid #666;
}

#contents table.data .bg {
	background-color:#e3edef;
}

#contents table.data td ul {
	margin-bottom:0;
}

#contents table.data td li {
	padding-left:12px;
	background:url(/promo/images/list_disc.gif) no-repeat 0.5em 0.5em;
	list-style:none;
}

/*-- about.html 保険のしくみ --*/
#contents img.left {
	margin:0 10px 0 0;
	float:left;
}

#contents .emphasis {
	color:#f00;
	font-size:120%;
}

/*-- accident01.html accident02.html 事故例 --*/
#contents .situation {
	margin-bottom:24px;
	float:left;
}

/*-- #form --*/
#contents #form {
	margin:20px auto 0;
	clear:both;
	text-align:center;
}

#contents #form img {
	margin:3px 0;
}



/*-----------　↓↓　body#regular　* 汎用OEM専用　↓↓　-----------*/
/*--------------------------------------------------------
#regular #wrapper
--------------------------------------------------------*/
body#regular #wrapper {
	margin:10px 0 30px;
}

/*--------------------------------------------------------
#regular #top
--------------------------------------------------------*/
body#regular #top {
	margin:0 auto;
	width:580px;
}

body#regular #top #header {
	margin-bottom:8px;
	padding-bottom:2px;
	border-bottom:2px solid #009;
}

/*--------------------------------------------------------
#regular #contents
--------------------------------------------------------*/
body#regular #contents {
	margin:0 auto;
	width:580px;
}

/*--------------------------------------------------------
#regular #footer
--------------------------------------------------------*/
body#regular #footer {
	text-align:right;
}

body#regular .copyright {
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #666;
	color:#666;
	font-size:80%;
}

/*-----------　↑↑　body#regular　* 汎用OEM専用　↑↑　-----------*/




/*--------------　↓↓　body#gogo　* gogo専用　↓↓　--------------*/
/*--------------------------------------------------------
#gogo #wrapper
--------------------------------------------------------*/
body#gogo #wrapper {
	margin:10px auto 30px;
	width:800px;
}

/*--------------------------------------------------------
#gogo #contentsWrapper
--------------------------------------------------------*/
body#gogo #contentsWrapper {
	padding-right:25px;
	clear:both;
}

/*--------------------------------------------------------
#gogo #top
--------------------------------------------------------*/
body#gogo #top {
	float:right;
	width:580px;
}

body#gogo #top #header {
	margin-bottom:8px;
	padding-bottom:2px;
	border-bottom:2px solid #009;
}

/* .form (#top内のstepへのリンク) */
body#gogo #top .form {
	margin-bottom:20px;
}

/*--------------------------------------------------------
#gogo #contents
--------------------------------------------------------*/
body#gogo #contents {
	float:right;
	width:580px;
}

/* #form (#contentsおよび#top内のstepへのリンク) */
body#gogo #top #form,
body#gogo #contents #form {
	margin:30px auto;
	padding-top:15px;
	border-top:1px dotted #999;
	clear:both;
	text-align:center;
}

body#gogo #top #form img,
body#gogo #contents #form img {
	margin:5px 0 2px;
}

/*--------------------------------------------------------
#gogo #nav
--------------------------------------------------------*/
body#gogo #nav {
	border-right:1px solid #92a3d4;
	border-left:1px solid #92a3d4;
	float:left;
	width:170px;
	background:url(/promo/images/nav_bg.gif) #e6eaf5 repeat-y left top;
}

/*----- #menu -----*/
body#gogo #nav #menu {
	border-top:1px solid #92a3d4;
}

body#gogo #nav #menu li {
	padding:5px 0 5px 20px;
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #92a3d4;
	background:url(/promo/images/nav_icon_02.gif) no-repeat 8px 4px;
	list-style-type:none;
}

body#gogo #nav #menu li a {
	color:#333;
	text-decoration:none;
}

body#gogo ##nav #menu li a:hover {
	text-decoration:underline;
}

body#gogo #nav #menu li.on,
body#gogo #nav #menu li#tab1.on {
	background-color:#d5d5e8;
}

body#gogo #nav #menu li#tab1 a,
body#gogo #nav #menu li#tab1.on a {
	font-weight:bold;
}

body#gogo #nav #menu li#tab1 {
	background:url(/promo/images/nav_icon_01.gif) no-repeat 8px 4px;
}

/*--------------------------------------------------------
#gogo #footer
--------------------------------------------------------*/
body#gogo #footer {
	text-align:right;
}

body#gogo .copyright {
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #666;
	color:#666;
	font-size:80%;
}

/*--------------　↑↑　body#gogo　* gogo専用　↑↑　--------------*/




/*----------　↓↓　body#infoseek　* infoseek専用　↓↓　----------*/
/*--------------------------------------------------------
#infoseek共通
--------------------------------------------------------*/
body#infoseek {
	margin:10px;
	line-height:1.2;
	font-family:Hiragino Kaku Gothic Pro, Osaka, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
	font-size:12px;
	*font-size:small;
	*font:x-small;
}

body#infoseek .logo {
	margin:10px 0 20px;
	padding:40px 100px 0 0;
	background:url(/promo/images/logo_bang.gif) no-repeat 480px 0;
	height:20px;
	text-align:right;
}

body#infoseek .logo img {
	margin-bottom:-10px;
}

body#infoseek .caution {
	padding:15px 0 5px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

body#infoseek .infoseekHeader {
	width:100%;
	height:80px;
}

body#infoseek .infoseekTab {
	width:100%;
	height:90px;
}

body#infoseek .infoseekBanner {
	width:320px;
	height:1040px;
}

body#infoseek .infoseekFooter {
	width:100%;
	height:220px;
}

/*--------------------------------------------------------
#infoseek #wrapper
--------------------------------------------------------*/
body#infoseek #wrapper {
	margin:0 auto 20px;
	width:910px;
}

/*--------------------------------------------------------
#infoseek #top
--------------------------------------------------------*/
body#infoseek #top {
	margin-top:8px;
	*margin-top:15px;
	float:left;
	width:580px;
}

body#infoseek #wrapper #top .caution ul {
	margin-bottom:10px;
}

body#infoseek #wrapper #top .caution li {
	padding-left:14px;
	list-style:none;
	background:url(/promo/infoseek/images/list_disc.gif) no-repeat 0.2em 0.5em;
}

body#infoseek #top .point {
	margin-bottom:10px;
	border:2px solid #C00;
	font-weight:bold;
	font-size:130%;
	text-align:center;
}

body#infoseek #top .point span {
	color:#C00;
	font-size:120%;
	font-weight:bold;
}

body#infoseek #top #form {
	margin:20px auto 0;
	clear:both;
	text-align:center;
}

body#infoseek #top #form img {
	margin-bottom:5px;
}


/*--------------------------------------------------------
#infoseek #contents
--------------------------------------------------------*/
body#infoseek #contents {
	margin-top:8px;
	*margin-top:15px;
	float:left;
	width:580px;
}

body#infoseek #contents .tab {
	margin-bottom:15px;
}

body#infoseek #contents .title td.border {
	font-weight:bold;
	font-size:140%;
	color:#339;
}

/*--------------------------------------------------------
#infoseek #top
--------------------------------------------------------*/
body#infoseek #wrapper #rightnavi {
	margin:0;
	float:right;
}

body#infoseek #wrapper #rightnavi p {
	font-size:85%;
}

body#infoseek #wrapper #rightnavi h4 {
	font-weight:bold;
	font-size:100%;
}

body#infoseek #wrapper #rightnavi li {
	font-size:120%;
}

body#infoseek #globalfooter li a {
	color:#555;
}

/*----------　↑↑　body#gogo #infoseek　* infoseek専用　↑↑　----------*/




/*-----------　↓↓　body#mycom マイコミジャーナル専用　↓↓　-----------*/
/*--------------------------------------------------------
#mycom共通
--------------------------------------------------------*/
#mycom {
	line-height:1.3;
}

#mycom a {
	text-decoration:none;
}

#mycom a:link {
	color:#005088;
}

#mycom a:hover,
#mycom a:active {
	text-decoration:underline;
}

/*--------------------------------------------------------
#mycom #wrapper
--------------------------------------------------------*/
#mycom #wrapper {
	margin:0 auto;
	width:994px;
}

#mycom #header iframe {
	border:0; 
	width:994px;
	height:187px;
}

#mycom #globalNav {
	width:120px;
	float:left;
	clear:left;
}

#mycom #globalNav iframe {
	width:120px;
	height:1500px; 
}

#mycom #main {
	float:right;
	width:874px;
}

#mycom #localNav {
	width:874px;
	height:30px;
}

#mycom #localNav iframe {
	width:874px;
	height:30px;
}

#mycom .poweredBy {
	margin:20px 0;
	padding-top:5px;
	border-top:1px solid #999;
	color:#999;
	text-align:right;
}

/*--------------------------------------------------------
#mycom #contentsWrapper
--------------------------------------------------------*/
#mycom #contentsWrapper {
	margin:10px 0 0 auto;
	width:860px;
}

#mycom #contentsWrapper a.mainTitle {
	display:block;
	width:860px;
	height:64px;
	overflow:hidden;
	background:url(/promo/mycom/images/main_title.gif) no-repeat left top;
	text-indent:-9999px;
}

#mycom #contentsWrapper .breadcrumbs {
	margin:10px 0;
	clear:both;
	font-size:85%;
}

/*--------------------------------------------------------
#mycom #contentsWrapper #top
--------------------------------------------------------*/
#mycom #contentsWrapper #top {
	margin-top:20px;
}

#mycom #contentsWrapper #top #contents h1 {
	margin-bottom:10px;
	width:580px;
	height:49px;
	background:url(/promo/mycom/images/title_top.gif) no-repeat left top;
	text-indent:-9999px;
}

#mycom #contentsWrapper #top #contents h2 {
	padding:0;
	border:none;
	background:url(/promo/mycom/images/recommend_contents.gif) no-repeat #4C87F6 0 0;
	height:30px;
	text-indent:-9999px;
}

#mycom #contentsWrapper #top #contents h3 {
	margin-bottom:5px;
	padding:3px 3px 3px 20px;
	border-top:1px solid #92a9e2;
	background:url(/images/contents_arrow.gif) #e3e8f5 no-repeat 2% 50%;
}

#mycom #contentsWrapper #top #contents .catch strong {
	font-size:120%;
}

/*--------------------------------------------------------
#mycom #contents
--------------------------------------------------------*/
#mycom #contents {
	float:left;
	width:580px;
}

#mycom #contents table.title {
	background:url(/promo/mycom/images/title_dot.gif) repeat-x left bottom;
}

#mycom #contents #form {
	margin:30px 0;
}

#mycom #contents ul {
	margin-bottom:20px;
	list-style:none;
}

#mycom #contents li.merit01 {
	padding:10px 0 6px 75px;
	background:url(/contents/images/merit01.gif) no-repeat 0 0;
}

#mycom #contents li.merit02 {
	padding:10px 0 6px 75px;
	background:url(/contents/images/merit02.gif) no-repeat 0 0;
}

#mycom #contents .companyList {
	margin:0 auto;
	padding-bottom:12px;
	border:1px solid #6363cd;
	width:400px;
	text-align:center;
}

#mycom #contents .companyList p {
	padding:2px 10px;
	background-color:#6363cd;
	color:#FFF;
}

#mycom #contents .companyList img {
	margin-right:10px;
}

#mycom #contents .scheme {
	margin:0 auto 15px;
	width:534px;
}

#mycom #contents .scheme table {
	margin-top:5px;
	width:100%;
}

#mycom #contents .scheme td {
	vertical-align:top;
}

#mycom #contents .scheme img.arrow {
	margin-top:5px;
}

/*--------------------------------------------------------
#mycom #contents .adGoogle 
--------------------------------------------------------*/
#mycom #contents .adGoogle{
	margin-top:20px;
	padding-bottom:1px;
	border-bottom:1px solid #E7E7E7;
}

#mycom #contents .adGoogle dl{
	border:1px solid #CCC;
}

#mycom #contents .adGoogle dt{
	padding:2px 8px 2px 10px;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
}

#mycom #contents .adGoogle a{
	color: #195b93;
}

#mycom #contents .adGoogle dd{
	padding: 3px 8px 0;
}

#mycom #contents .adGoogle dd ul{
	margin-bottom: 5px;
}

#mycom #contents .adGoogle dd li{
	margin-bottom: 5px;
	list-style:none;
}

#mycom #contents .adGoogle li span.title a{
	color: #005088;
	font-weight: bold;
}

#mycom #contents .adGoogle li a{
	color: #008000;
}

/*--------------------------------------------------------
#mycom #menu
--------------------------------------------------------*/
#mycom #menu {
	border:1px solid #92A3D4;
	float:right;
	width:268px;
	background-color:#E6EAF5;
}

#mycom #menu li {
	border-top:1px solid #FFF;
	border-bottom:1px solid #92A3D4;
	padding:5px 10px 5px 30px;
	background:url(/promo/mycom/images/marker_arrow.gif) no-repeat 10px 0.65em;
	list-style:none;
}

#mycom #menu .requestAttention {
	margin:15px auto 5px;
	border:1px solid #92A3D4;
	width:258px;
	background-color:#FFF;
}

#mycom #menu .requestAttention p {
	margin:0;
	padding:10px;
	font-size:85%;
}

/*--------------------------------------------------------
#mycom #footer
--------------------------------------------------------*/
#mycom #footer {
	clear:both;
}

#mycom #footer iframe {
	margin-top:25px;
	width: 994px;
	height: 275px;

}

/*-----------　↑↑　body#mycom マイコミジャーナル専用　↑↑　-----------*/