@charset "UTF-8";
/* CSS Document */

/* 共通仕様及び初期設定 */

body,
div,
h1, h2, h3, h4, h5, h6,
dl, dt, dd,
ul, ol, li,
pre, form, input, textarea, address,
table, th, td,
a, p, img {
	margin:0;
	padding:0;
}

body, th, td {
	font-size:12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:1.7;
	margin:0;
	padding:0;
	background-color:#FFF;
}

div{
    zoom:1;
}

div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

form {
	display:inline;
}

a {
	text-decoration:underline;
	color:#ff6100;
}

a:hover {
	text-decoration:underline;
	color:#f49500;
}

a:focus{
	overflow:hidden;
}

a img { border: 0; }
a span {
	position:relative;
	left:-9999px;
}

/* 段落 */
body p {
	margin-bottom:8px;
}

body p.btm {
	margin-bottom:0;
}

body p.indent {
	text-indent:-1em;
	margin-left:1em;

}

h1, h2, h3, h4, h5, h6 { font-weight:bold; }

h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px;}
h4 {font-size:12px;}
h5 {font-size:12px;}
h6 {font-size:12px;}


li {
	list-style:none;
}

/* フローのクリア */
.clearfix {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-table;
}

/* テキストタブ */
ul.tab_text li {
	display:inline;
	border-right:1px solid #999;
	padding-left:4px;
	padding-right:5px;	
}

* html ul.tab_text li {
	padding-left:7px;
	padding-right:4px;	
}

*+html ul.tab_text li {
	padding-left:7px;
	padding-right:4px;	
}

ul.tab_text li.btm {
	border-right:none;
	padding-right:0;
}

/* 高さ調整 */
.temp_height {
	text-indent:-9999px;
}

/* 共通ボックス */
.combox {
	border:1px solid #ebebeb;
	width:570px;
	margin:0 0 0 30px;
	padding:10px 0 10px 10px;
}

*html .combox {
	width:580px;
}

/* 共通テキストエリア */
.tbox {
	padding:8px 0 0 12px;
	width:510px;
}

/* 共通h3ヘッドライン */
.hl_com {
	background:url(../img/share/dot.gif) repeat-x left bottom;
	padding-bottom:1px;
	margin-left:12px;
	margin-top:20px;
	width:530px;
}


/* ※印のインデント */
ul.kome li {
	background:url(../img/share/kome_indent.gif) no-repeat 0 5px;
	padding-left:12px;
	padding-bottom:5px;
}

/* 点のインデント */
ul.point li {
	background:url(../img/share/dot_indent.gif) no-repeat 0 8px;
	padding-left:8px;
	padding-bottom:0;
}


/* 文字の非表示 */
span.hide {
	visibility:hidden;
}
div.hide {
	visibility:hidden;
}

/* 文字装飾 */
.bold {font-weight:bold;}
.nowrap {white-space:nowrap;}

/* 表示位置関連 */
.center {text-align:center;}

/* 共通レイアウト */

#wrapper {
	width:905px;
	color:#61615c;
}

/* ヘッダー部 */
#header {
	background:url(../img/share/bg.gif) repeat-y;
}

#header #header_area {
	background:url(../img/share/bg_header.gif) no-repeat;
	width:899px;
	height:218px;
	position:relative;
}

#header h1 {
	position:absolute;
	left:34px;
	top:29px;
}

#header h1 a {
	display:block;
	overflow:hidden;
	width:348px;
	height: 0 !important;
	height /**/: 51px;
	padding-top:51px;
	background:url(../img/share/logo.gif) no-repeat;
}

#bookmark {
	position:absolute;
	left:770px;
	top:8px;
	height: 30px;
	z-index:5;
}
#publishers {
	position:relative;
	right: 10px;
	top:-15px;
	float:right;
}

#publishers li,
#bookmark4top li,
#bookmark li {
	float:left;
	padding-right:8px;
	vertical-align:middle;
	height: 26px;
}
#bookmark4top {
	position:absolute;
	left:435px;
	top:8px;
	height: 30px;
	z-index:5;
}

/* コンテナー */
#container_wrapper {
	background:url(../img/share/bg.gif) repeat-y;
}

.container {
	background:url(../img/share/bg_gradation.gif) repeat-x;
	width:899px;
	position:relative;
	padding-top:18px;
}

/* プライマリー */

#primary {
	float:left;
	width:665px;
	z-index:0;
	border:0px solid;
}

#contents_wrapper {
	width:639px;
	margin-bottom:0px;
	margin-left:21px;
	border:0px solid
}

#headline {
	width:639px;
	height:65px;
	margin-left:21px;
	position:absolute;
	top:-45px;
	left:0;
	z-index:0;
}

#contents {
	background:url(../img/share/bg_shadow.png) repeat-y;
	padding-top:10px;
	position:relative;
	z-index:2;
}

#bottom {
	background:url(../img/share/bg_shadow_btm.png) no-repeat;
	height:33px;
	margin-left:21px;
	margin-bottom:40px;
	text-indent:-9999px;
}

/* ページトップへ */
a#pagetop {
	display:block;
	overflow:hidden;
	width:98px;
	height: 0 !important;
	height /**/: 14px;
	padding-top:14px;
	background:url(../img/share/navi.gif) no-repeat -496px -32px;
	margin-left:500px;
	margin-top:12px;
}
a#pagetop:hover {
	background:url(../img/share/navi.gif) no-repeat -496px -46px;
}

/* セカンダリー */
#secondary {
	float:right;
	width:226px;
	padding-top:240px; /* #banner の height と連携 */
	padding-bottom:25px;
	border:0px solid;
	z-index:-2;
}

/* バナーエリア */
#banner {
	position:absolute;
	left:656px;
	top:220px;
	width:243px;
	height:245px; /* #secondary の padding-top と連携 */
	background-color:#98cee5;
	padding:0 0 0 0px;
	z-index:1;
}


*html #banner {
	background:url(../img/share/bg_banner.gif) repeat-y;

}
*+html #banner {
	background:url(../img/share/bg_banner.gif) repeat-y;
}

#banner a#banner_sugutsukaeru {
	display:block;
	overflow:hidden;
	width:200px;
	height: 0 !important;
	height /**/: 200px;
	padding-top:200px;
	background:url(https://sugutsukaeru.jp/common/logos/cms/banner/cms-i-know.png) no-repeat;
	margin:20px 0 0 20px;
}

#banner .banner_link {
	margin:4px 0 0 20px;
	width:200px;
}

#banner .banner_link a {
	color:#2971b2;
	line-height:1.4;
}

#google {
	clear:both;
	position:static;
	text-align:center;
}

#google_square {
	margin-top: 30px;
	text-align:left;
}


#footer_link {
	clear:both;
	margin-top:50px;
	margin-bottom:20px;
	text-align:center;
}

/* フッタ部 */
#footer {
	clear:both;
	width:905px;
	height:56px;
	background:url(../img/share/bg_footer.gif) no-repeat;
}


/* フッタリンク */
#footer address {
	text-align:center;
	font-style:normal;
	font-size:11px;
	padding-top:15px;
}

/* ナビゲーション */
#navi {
	width:496px;
	height:35px;
	position:absolute;
	left:403px;
	top:29px;
}

#navi li {
	float:left;
	margin-right:0px;
}

#navi li a {
	display:block;
	overflow:hidden;
	height: 0 !important;
	height /**/: 35px;
	padding-top:35px;
	background-image:url(../img/share/navi.gif);
	background-repeat:no-repeat;
	margin-right:1px;
}

#navi li.btm a {
	margin:0;
}

#navi li a#navi_home {
	width:123px;
	background-position:0 0;
}
#navi li a#navi_home:hover,#navi li#current a#navi_home {
	background-position:0 -35px;
}

#navi li a#navi_about {
	width:188px;
	background-position:-124px 0;
}
#navi li a#navi_about:hover,#navi li#current a#navi_about {
	background-position:-124px -35px;
}

#navi li a#navi_management {
	width:54px;
	background-position:-313px 0;
}
#navi li a#navi_management:hover,#navi li#current a#navi_management {
	background-position:-313px -35px;
}

#navi li a#navi_information {
	width:61px;
	background-position:-368px 0;
}
#navi li a#navi_information:hover,#navi li#current a#navi_information {
	width:61px;
	background-position:-368px -35px;
}

#navi li a#navi_immunities {
	width:66px;
	background-position:-430px 0;
}
#navi li a#navi_immunities:hover,#navi li#current a#navi_immunities {
	background-position:-430px -35px;
}


/* セカンダリー(右列) */

#secondary #right_information {}

#secondary #right_information li.info {
	margin-top:15px;
	line-height:1.4;
	background:url(../img/share/line.gif) repeat-x left bottom;
	width:207px;
	padding:0 0 10px 2px;
}

#secondary #right_information li.info .info_date {
	color:#43a6d0;
	font-weight:bold;
	font-size:11px;
}

#secondary #right_information li.info .info_title {
	font-weight:bold;
}

#secondary #right_information li.info .info_contents {
	padding-top:3px;
}

#secondary #right_information li.info .info_contents ul.point li {
	background:url(../img/share/dot_indent.gif) no-repeat 0 7px;
	padding-left:8px;
	padding-right:8px;
}

#secondary #right_information a#link_infomation {
	display:block;
	overflow:hidden;
	height: 0 !important;
	height /**/: 16px;
	padding-top:16px;
	width:89px;
	background:url(../img/share/navi.gif) no-repeat -496px 0;
	margin-top:20px;
	margin-left:2px;
}
#secondary #right_information a#link_infomation:hover {
	background:url(../img/share/navi.gif) no-repeat -496px -16px;
}

/* テーブル */

/* 共通仕様 */
table {
	border-collapse:collapse;
}

td.c {
	text-align:center;/* センター揃え */
}

td.n {
	text-align:right;/* 数値データ用 */
}

/* テーブル00 */
table.tbl_00 {
	border:0;
}

.tbl_00 th, .tbl_00 td {
	padding-top:0px;
	padding-bottom:0px;
	vertical-align:top;
	border:0;
}

.tbl_00 th {
	padding-left:0;;
	padding-right:0;
}

.tbl_00 td {
	padding-left:0;;
	padding-right:0;
}

/* テーブル01 */
table.tbl_01 {
	border:0px solid #999;
}

.tbl_01 th, .tbl_01 td {
	vertical-align:top;
	text-align:left;
	border-bottom:6px solid #fff;
}

.tbl_01 th {
	background:url(../img/home/img_corner_2.gif) no-repeat left bottom #c9e7c2;
	width:175px;
	border-right:2px solid #fff;
}

.tbl_01 th div {
	background:url(../img/home/img_corner_1.gif) no-repeat left top #c9e7c2;
	padding-left:8px;
	padding-top:8px;
	padding-bottom:3px;
	height:100%;
	font-weight:normal;
}

.tbl_01 td {
	background:url(../img/home/img_corner_4.gif) no-repeat right bottom #eae9d8;
	width:380px;
}

.tbl_01 td div {
	background:url(../img/home/img_corner_3.gif) no-repeat right top #eae9d8;
	padding-top:8px;
	padding-bottom:3px;
	padding-left:12px;
	margin-bottom:6px;
}

/* フォーム */

/* 送信ボタン */
.form .btn_click {
	text-align:center;
	margin-top:10px;
	margin-bottom:5px;
}

.form .btn_click .inner {
	width:194px;
	margin-left:auto;
	margin-right:auto;
}

a#btn_create, a#btn_highlight {
display:block;
	overflow:hidden;
	height: 0 !important;
	height /**/: 30px;
	padding-top:30px;
	background-image:url(../img/home/btn_all.gif);
	background-repeat:no-repeat;
}

a#btn_create {
	width:177px;
	background-position:0 0;
}
a#btn_create:hover {
	background-position:0 -30px;
}

a#btn_highlight {
	width:188px;
	background-position:-178px 0;
}
a#btn_highlight:hover {
	background-position:-178px -30px;
}

/* ラベル等 */
.form th span {
	color:#FF0000;
	font-size:10px;
	padding-left:4px;
}

.form td span {
	margin-right:4px;
}

.form label {
	padding-left:4px;
	padding-right:10px;
}

/* ホーム「ダミーテキストの作成」 */

#home {}

#home #headline {
	background:url(../img/home/bg_headline.png) no-repeat;
}

#home #headline h2 {
	overflow:hidden;
	width:214px;
	height: 0 !important;
	height /**/: 28px;
	padding-top:28px;
	background:url(../img/home/headline.gif) no-repeat;
	margin:34px 0 0 38px;
}

#home #input_area {
	border:1px solid #ebebeb;
	width:570px;
	margin:0 0 0 30px;
	padding:10px 0 10px 10px;
}
*html #home #input_area {
	width:580px;
}


#home #input_area textarea.input_tarea {
	margin-top:10px;
	margin-bottom:5px;
	width:350px;
	height:10em;
	position: relative;
	z-index: 300;
}
#home #inputwrap{
	position: relative;
	padding: 0;
	margin: 0;
	width:350px;
}

#home #stwrap {
	width:350px;
	height:50px;
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	background-color: transparent;
}

#home #input_area .link_bosyu {
	background:url(../img/home/arrow_link.gif) no-repeat right 0;
	padding:0px 20px 2px 0;
}

#home #dammy_area {
	background-color:#ebebeb;
	margin:20px 0 20px 30px;
	width:570px;
	padding:10px 0 10px 10px;
}
*html #home #dammy_area {
	width:580px;
}

#home #dammy_area textarea.dammy_tarea {
	width:555px;
	height:10em;
}
#home #dammy_area .text_selector {
	width:555px;
	margin-top: -20px;
	text-align: right;
}

/* default */
#dummy_tarea_tagged{
	display: none;
}

#home #errormsg {
	color:#FF0000;
	background:url(../img/share/caution.gif) no-repeat 0 2px;
	padding-left:20px;
	margin:0 0 10px 45px;
	width:540px;
}

/* すぐに使えるダミーテキストとは？ */

#about {}

#about #headline {
	background:url(../img/about/bg_headline.png) no-repeat;

}

#about #headline h2 {
	overflow:hidden;
	width:327px;
	height: 0 !important;
	height /**/: 28px;
	padding-top:28px;
	background:url(../img/about/headline.gif) no-repeat;
	margin:34px 0 0 38px;
}

#about #about_area {
	padding-bottom:15px;
	margin-right:15px;
	border-bottom:1px solid #e6eaed;
}

#about #about_area h3 {
	background:url(../img/about/bg_headline_about.gif) no-repeat;
	width:518px;
	height:21px;
	margin-left:10px;
	color:#FFF;
	padding-left:6px;
	margin-top:15px;
}

*html #about #about_area h3 {
	height:24px;
	vertical-align:top;
	margin-bottom:-2px;
}
*+html #about #about_area h3 {
	height:24px;
	vertical-align:top;
	margin-bottom:-2px;
}

#about .inner {
	border-bottom:1px solid #e6eaed;
	margin-right:15px;
	padding-bottom:20px;
}

#about .inner_btm {
	border:none;
}

#about .inner h3 {
	margin:25px 0 0 10px;
}

#about .inner h3#hl_01 {
	overflow:hidden;
	width:298px;
	height: 0 !important;
	height /**/: 19px;
	padding-top:19px;
	background:url(../img/about/hl_01.gif) no-repeat;
}

#about .inner .howtobox {
	border-bottom:1px solid #e6eaed;
	margin-top:20px;
	padding-bottom:15px;
	padding-left:10px;
}

#about .inner .howtobox_btm {
	border:none;
	padding-bottom:0;
}

#about .inner .howtobox .left {
	float:left;
	width:270px;
}

#about .inner .howtobox .right {
	float:left;
	width:251px;
}

#about .inner .howtobox .left h4 {
	overflow:hidden;
	width:255px;
	height: 0 !important;
	height /**/: 24px;
	padding-top:24px;
}

#about .inner .howtobox .left h4#hl_01_01 {
	background:url(../img/about/hl_01_01.gif) no-repeat;
}

#about .inner .howtobox .left h4#hl_01_02 {
	background:url(../img/about/hl_01_02.gif) no-repeat;
}

#about .inner .howtobox .left p {
	width:260px;
	padding:8px 0 0 2px;
	line-height:1.5;	
}

#about .inner h3#hl_02 {
	overflow:hidden;
	width:100px;
	height: 0 !important;
	height /**/: 17px;
	padding-top:17px;
	background:url(../img/about/hl_02.gif) no-repeat;
}

#about .inner h3#hl_03 {
	overflow:hidden;
	width:202px;
	height: 0 !important;
	height /**/: 17px;
	padding-top:17px;
	background:url(../img/about/hl_03.gif) no-repeat;
}

/* 運営者 */

#management {}

#management #headline {
	background:url(../img/management/bg_headline.png) no-repeat;

}

#management #headline h2 {
	overflow:hidden;
	width:95px;
	height: 0 !important;
	height /**/: 28px;
	padding-top:28px;
	background:url(../img/management/headline.gif) no-repeat;
	margin:34px 0 0 38px;
}

#management #contents {
	position:relative;
}

#management .combox {
	padding-bottom:40px;
	position:relative;
}

#management h3 {
	overflow:hidden;
	width:180px;
	height: 0 !important;
	height /**/: 18px;
	padding-top:18px;
}

#management h3#hl_01 {
	background:url(../img/management/hl_01.gif) no-repeat;
}

#management h3#hl_02 {
	background:url(../img/management/hl_02.gif) no-repeat;
}

#management h3#hl_03 {
	background:url(../img/management/hl_03.gif) no-repeat;
}

#management h3#hl_04 {
	background:url(../img/management/hl_04.gif) no-repeat;
}

#management h3#hl_05 {
	background:url(../img/management/hl_05.gif) no-repeat;
}

#management h3#hl_06 {
	background:url(../img/management/hl_06.gif) no-repeat;
}

#management h3#hl_07 {
	background:url(../img/management/hl_07.gif) no-repeat;
}

#messageboard {
	width:172px;
	position:absolute;
	left:445px;
	top:236px;
	z-index:5;
}

#messageboard #msgtext {
	background:url(../img/management/bg_message.gif) repeat-y left top;
	padding:0 12px 0 12px;
}
#messageboard #msgbtm {
	background:url(../img/management/bg_message_btm.gif) no-repeat;
	height:25px;
	width:172px;
	text-indent:-9999px;
}


/* お知らせ */

#information {}

#information #headline {
	background:url(../img/information/bg_headline.png) no-repeat;

}

#information #headline h2 {
	overflow:hidden;
	width:110px;
	height: 0 !important;
	height /**/: 28px;
	padding-top:28px;
	background:url(../img/information/headline.gif) no-repeat;
	margin:34px 0 0 38px;
}

#information .combox {
	padding-bottom:40px;
	padding-top:20px;
}

#information #information_history li.info {
	background:url(../img/share/dot.gif) repeat-x left bottom;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-left:10px;
	width:540px;
}

#information #information_history li.info .info_date {
	float:left;
	width:80px;
	padding-left:5px;
}

#information #information_history li.info .info_wrapper {
	float:left;
	width:440px;
	border-left:2px solid #e5e5e5;
	padding-left:12px;	
}

#information #information_history li.info .info_wrapper .info_title {
	font-weight:bold;
	font-size:13px;
}

/* 免責事項*/

#immunities {}

#immunities #headline {
	background:url(../img/immunities/bg_headline.png) no-repeat;
}

#immunities #headline h2 {
	overflow:hidden;
	width:110px;
	height: 0 !important;
	height /**/: 28px;
	padding-top:28px;
	background:url(../img/immunities/headline.gif) no-repeat;
	margin:34px 0 0 38px;
}

#immunities .combox {
	padding-bottom:40px;
}

#immunities .tbox {
	width:530px;
}

#immunities h3 {
	overflow:hidden;
	width:180px;
	height: 0 !important;
	height /**/: 18px;
	padding-top:18px;
}

#immunities h3#hl_01 {
	background:url(../img/immunities/hl_01.gif) no-repeat;
}

#immunities h3#hl_02 {
	background:url(../img/immunities/hl_02.gif) no-repeat;
}

#immunities h3#hl_03 {
	background:url(../img/immunities/hl_03.gif) no-repeat;
}

/* プライバシーポリシー */

#privacy {}

#privacy #headline {
	background:url(../img/privacy/bg_headline.png) no-repeat;
}

#privacy #headline h2 {
	overflow:hidden;
	width:219px;
	height: 0 !important;
	height /**/: 28px;
	padding-top:28px;
	background:url(../img/privacy/headline.gif) no-repeat;
	margin:34px 0 0 38px;
}

#privacy .combox {
	padding-bottom:40px;
}

#privacy .tbox {
	width:530px;
}

#privacy h3 {
	overflow:hidden;
	width:220px;
	height: 0 !important;
	height /**/: 18px;
	padding-top:18px;
}

#privacy h3#hl_01 {
	background:url(../img/privacy/hl_01.gif) no-repeat;
}

#privacy h3#hl_02 {
	background:url(../img/privacy/hl_02.gif) no-repeat;
}

#privacy h3#hl_03 {
	background:url(../img/privacy/hl_03.gif) no-repeat;
}

#privacy h3#hl_04 {
	background:url(../img/privacy/hl_04.gif) no-repeat;
}

#privacy h3#hl_05 {
	background:url(../img/privacy/hl_05.gif) no-repeat;
}

#privacy h3#hl_06 {
	background:url(../img/privacy/hl_06.gif) no-repeat;
}

#privacy h3#hl_07 {
	background:url(../img/privacy/hl_07.gif) no-repeat;
}

#privacy h3#hl_08 {
	background:url(../img/privacy/hl_08.gif) no-repeat;
}

#privacy h3#hl_09 {
	background:url(../img/privacy/hl_09.gif) no-repeat;
}

#privacy .tbox strong {
	color:#43a6d0;
}

#privacy ul.point {
	margin-bottom:5px;
}

#privacy ul.point {
	margin-left:12px;
}

*html #privacy ul.point {
	margin-left:0px;
}
*+html #privacy ul.point {
	margin-left:0px;
}