@charset "utf-8";
@import url(default.css);

div#HD ul {
	position: absolute;
}
div#HD ul {
	right: 0px;
	bottom: 16px;
}
div#HD li {
	display: inline;
	float: left;
	width: 122px;
	height: 26px;
	margin-left: 6px;
}
div#HD li a {
	display: block;
	background: url(../images/plain/contact_o.jpg) no-repeat;
}
div#HD li a:hover {
	background-color: #fff;
}
div#HD li a:hover img {
	visibility: hidden;
}
div#HD li a {
	width: 122px;
	height: 26px;
}
div#HD li.r1 a {
	background-position: 0px 0px;
}
div#HD li.r2 a {
	background-position: -122px 0px;
}
div#HD li.r3 a {
	background-position: -244px -0px;
}
div#HD li.r4 a {
	background-position: -366px -0px;
}

div#main {
	width: 750px;
	margin-right: 20px;
}

div#sub {
	padding-bottom: 0px;
	border-bottom: solid #999 1px;
	background: url(../images/plain/sub_bg.gif) repeat-y;
}
div#sub div,
div#sub ul {
	width: 200px;
	margin: 5px;
	background-color: #fff;
}
div#sub div h3 {
	background-color: #ccc;
}
div#sub div p {
	width: 190px;
	margin: 5px;
	padding-bottom: 10px;
}
div#sub div p.s1 {
	border-bottom: dashed #999 1px;
}
div#sub div p a {
	display: block;
	padding-left: 16px;
	background: url(../images/top/arw.jpg) 0px 50% no-repeat;
	font-size: 116%;
	font-weight: bold;
}
div#sub ul li {
	width: 190px;
	margin: 0 5px;
	padding: 6px 0;
	border-bottom: dashed #999 1px;
}
div#sub ul li.fin {
	border-bottom-style: none;
}
div#sub ul li a {
	display: block;
	padding-left: 16px;
	background: url(../images/top/arw.jpg) 0px 50% no-repeat;
	font-size: 116%;
	font-weight: bold;
}
div#sub ul li ul {
	width: 190px;
	margin: 6px 0 0;
}
div#sub ul li ul li {
	margin: 0;
	padding: 7px 0;
	border-top: dashed #999 1px;
	border-bottom-style: none;
}
div#sub ul li ul li a {
	padding-left: 4px;
	background-image: none;
	font-size: 86%;
	font-weight: normal;
}

div#contents h1 {
	height: 50px;
	margin-bottom: 20px;
	background: url(../images/plain/hd_bg.jpg) no-repeat;
	font-weight: bold;
	font-size: 212%;
	text-indent: 1em;
	line-height: 50px;
}

div#main h2 {
	height: 35px;
	margin-bottom: 10px;
	background: #000 url(../images/plain/bar_bg.jpg) repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 132%;
	text-indent: 1em;
	line-height: 35px;
}

body.selected div#main p {
	margin-bottom: 16px;
}
body.selected div#main p:first-child {
	font-size: 116%;
}
body.selected div#main div.noselect {
	width: 740px;
	border: solid #ccc 5px;
}
body.selected div#main div.noselect p {
	margin: 40px 0;
	text-align: center;
	line-height: 4;
}
body.selected div#main div.section {
	padding-bottom: 20px;
}
body.selected div#main div.section p {
	font-size: 116%;
}
body.selected div#main div.section img {
	margin-bottom: 16px;
}
body.selected div#main ul.tab {
	width: 739px;
	height: 47px;
	margin-bottom: 10px;
	padding-left: 12px;
	background: url(../images/plain/tab_bg.jpg) left bottom repeat-x;
}
body.selected div#main ul.tab li {
	float: left;
	width: 356px;
	height: 39px;
	margin-right: 13px;
}
body.selected div#main ul.tab li a {
	display: block;
	width: 356px;
	height: 39px;
	background: url(../images/plain/tab_o.jpg) no-repeat;
}
body.selected div#main ul.tab li.tab2 a {
	background-position: -356px 0;
}
body.selected div#main ul.tab li a:hover {
	background-color: #fff;
}
body.selected div#main ul.tab li a:hover img,
body.selected div#main ul.tab li.o a img {
	visibility: hidden;
}

body.plain div#main div.pager {
	clear: both;
	margin: 10px 0;
	padding-bottom: 10px;
	background: url(../images/top/hd_bar.jpg) bottom left repeat-x;
	text-align: right;
}
body.plain div#main div.pager_rev {
	padding-top: 10px;
	background: url(../images/top/hd_bar.jpg) top left repeat-x;
	text-align: right;
}
body.plain div#main div.pager strong,
body.plain div#main div.pager_rev strong {
	float: left;
	font-size: 116%;
}
body.plain div#main div.pager strong em,
body.plain div#main div.pager_rev strong em {
	color: #c00;
	font-size: 169%;
}
body.plain div#main div.pager a,
body.plain div#main div.pager_rev a {
	display: inline-block;
	width: 2em;
	padding: .2em 0;
	border: solid #999 1px;
	background-color: #eee;
	text-align: center;
	text-decoration: none;
}
body.plain div#main div.pager a.go,
body.plain div#main div.pager_rev a.go {
	width: 6em;
}
body.plain div#main div.pager a.current,
body.plain div#main div.pager_rev a.current {
	color: #c00;
	font-weight: bold;
}



body.selected div#main div.add {
	height: 56px;
	margin-top: 1px;
	overflow: hidden;
}
body.selected div#main div.add input,
body.selected div#main div.add img {
	vertical-align: middle;
}
body.selected div#main div.add img {
	float: right;
}
body.selected div#main div.add p {
	display: inline;
	float: right;
	width: 31em;
	padding: 4px 6px;
	background-color: #f60;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
	text-align: center;
}






#imgPreviewWithStyles {
	padding: 15px;
	border: solid #999 1px;
	background-color: #fff;
}
table#search_list {
	width: 749px;
	margin-bottom: 6px;
	margin-left: 1px;
	border: solid #999 1px;
}
table#search_list th,
table#search_list td {
	border: solid #999 1px;
	text-align: center;
}
table#search_list th {
	padding: 3px;
	background-color: #fc3;
}
table#search_list td {
	padding: 6px;
}
table#search_list td.txt {
	text-align: left;
}
table#search_list td span {
	display: inline-block;
	width: 78px;
	height: 78px;
	border: solid #ccc 1px;
	background-color: #fff;
	text-align: center;
	line-height: 78px;
}
table#search_list td span img {
	vertical-align: middle;
}
table#search_list td span.ap {
	background-color: #ffc;
}
table#search_list td em {
	color: #c00;
	font-weight: bold;
	font-size: 116%;
}
table#search_list tr.gray {
	background-color: #eee;
}

body.info div#main ul {
	width: 750px;
}
body.info div#main ul li {
	width: 650px;
	padding: 8px 0 8px 100px;
	border-bottom: dashed #999 1px;
	overflow: hidden;
}
body.info div#main ul li a {
	font-size: 116%;
}
body.info div#main ul li img {
	float: left;
	margin-left: -100px;
}
body.info div#main ul li strong {
	color: #666;
}
body.info div#main div.article {
	width: 750px;
	margin-bottom: 8px;
	padding-bottom: 20px;
	border-bottom: dashed #999 1px;
	font-size: 107.5%;
	overflow: hidden;
}
body.info div#main div.article h2,
body.shop div#main div.section h2,
body.top div#main div.section h2,
body.link div#main div.section h2,
body.policy div#main div.section h2 {
	width: 750px;
	height: 50px;
	background: #fff url(../images/plain/info_hd.jpg) no-repeat;
	color: #000;
	font-size: 149%;
	text-indent: 1.4em;
	line-height: 50px;
}
body.info div#main div.article div.imgContainer {
	float: right;
	width: 200px;
	margin-bottom: 20px;
	margin-left: 16px;
	font-size: 93%;
	text-align: right;
}
body.info div#main div.article div.imgContainer p {
	padding-bottom: 10px;
	text-align: center;
}
body.info div#main p.date {
	text-align: right;
}
body.info div#main p.return {
	padding: 20px 0;
	text-align: center;
}

body.shop div#main div.section {
	width: 750px;
	padding-bottom: 20px;
	overflow: hidden;
}

body.shop div#main div.section table {
	float: left;
	width: 385px;
	margin: 0px 20px 30px 1px;
}
body.shop div#main div.section table th,
body.shop div#main div.section table td {
	padding: 6px;
	border: solid #666 1px;
}
body.shop div#main div.section table th {
	background-color: #eee;
	font-weight: bold;
}
body.shop div#main div.section div {
	float: left;
	width: 320px;
	padding: 9px;
	border: solid #ccc 1px;
	background-color: #ffd;
}
body.shop div#main div.section div img {
	margin-bottom: 4px;
}
body.shop div#main div.section p {
	float: right;
	width: 340px;
	padding-top: 10px;
	text-align: right;
}
body.top div#main strong img {
	margin-bottom: 20px;
}
body.top div#main div {
	width: 750px;
	padding-bottom: 30px;
	overflow: hidden;
}
body.top div#main div p {
	padding-bottom: 16px;
}
body.top div#main div img {
	float: right;
	margin-left: 16px;
}
body.top div#main div p,
body.top div#main div.section {
	font-size: 116%;
}
body.top div#main div.section {
	width: 530px;
	padding-left: 220px;
	overflow: hidden;
}
body.top div#main div.section h2 {
	margin-left: -220px;
}
body.top div#main div.section img {
	float: left;
	margin-left: -220px;
}
body.top div#main div.section ul {
	padding-top: 1em;
	padding-left: 2em;
}
body.top div#main div.section ul li {
	list-style-type: disc;
}
body.top div#main div table {
	width: 749px;
	margin-left: 1px;
}
body.top div#main div table th,
body.top div#main div table td {
	padding: 6px;
	border: solid #999 1px;
}
body.top div#main div table th {
	width: 130px;
	background-color: #eee;
}

body.support div#sub_add {
	float: left;
	width:210px;
	padding-bottom: 8px;
}
body.yachin div#main {
	width: 480px;
	padding-left: 270px;
}
body.yachin div#main img {
	float: left;
	margin-left: -270px;
}
body.yachin div#main div.section {
	margin-bottom: 16px;
	border-bottom: dashed #999 1px;
	font-size: 116%;
}
body.yachin div#main div.section p {
	padding-bottom: 20px;
}
body.yachin div#main div.section h2 {
	padding: 8px 0;
	background-image: none;
	background-color: #c00;
	color: #fff;
	font-size: 142.5%;
	font-weight: bold;
	text-indent: 1em;
}
body.yachin div#main div.section strong {
	font-size: 128%;
}

body.comm div#main p {
	width: 480px;
	margin-bottom: 24px;
	padding-left: 270px;
	font-size: 116%;
	overflow: hidden;
}
body.point div#main p {
	width: 480px;
	margin-bottom: 24px;
	padding-left: 270px;
	overflow: hidden;
}
body.comm div#main p img,
body.point div#main p img {
	float: left;
	margin-left: -270px;
}
body.comm div#main p strong {
	display: block;
	margin-bottom: 30px;
	font-size: 128%;
}
body.point div#main p strong {
	display: block;
	margin-bottom: 26px;
	font-size: 149%;
}
body.point div#main p strong em {
	color: #c00;
}
body.point div#main ul {
	width: 750px;
	height: 62px;
	margin: 4px 0 30px;
	padding-top: 60px;
	background: url(../images/support/point_bg.gif) no-repeat;
}
body.point div#main ul li {
	margin-bottom: 4px;
	margin-left: 30px;
	padding-left: 30px;
	background: url(../images/support/point_exc.gif) 0px 50% no-repeat;
	font-size: 116%;
	font-weight: bold;
}
body.point div#main div.plan img {
	margin: 10px 0;
}
body.point div#main div.plan em {
	font-size: 116%;
}

body.link div#main {
	font-size: 116%;
}
body.link div#main div.section {
	clear: both;
	margin-top: 10px;
	padding-bottom: 30px;
	overflow: hidden;
}
body.link div#main div.section h2 {
	font-size: 128%;
}
body.link div#main div.section dl {
	float: left;
	width: 360px;
}
body.link div#main div.section dl.l {
	margin-right: 30px;
}
body.link div#main div.section dt {
	height: 30px;
	background-color: #ff9;
	color: #f30;
	font-size: 114%;
	font-weight: bold;
	text-indent: .8em;
	line-height: 30px;
}
body.link div#main div.section dd ul {
	padding: 1em 0 1em 2em;
}
body.link div#main div.section li {
	list-style-type: disc;
}
body.link div#main div.section ul li:first-child {
	font-weight: bold;
}


body.policy div#main p {
	width: 750px;
	padding: 10px 0 14px;
	font-size: 116%;
}
body.policy div#main p.sg {
	text-align: right;
}
body.policy div#main div.section ul {
	margin-bottom: 18px;
	padding-left: 1.4em;
	font-size: 116%;
}
body.policy div#main div.section ul li {
	list-style-type: disc;
}


body.sitemap div#contents p.x {
	padding-bottom: 20px;
	background-image: none;
	font-size: 116%;
	font-weight: bold;
}
body.sitemap div#contents dl {
	display: inline;
	float: left;
	width: 300px;
	margin-right: 40px;
	font-size: 116%;
}
body.sitemap div#contents dl.d3 {
	margin-right: 0px;
}
body.sitemap div#contents dt {
	height: 30px;
	background-color: #f93;
	text-indent: .6em;
	line-height: 30px;
	font-weight: bold;
}
body.sitemap div#contents dd {
	padding: 10px 0;
	border-bottom: dashed #999 1px;
}
body.sitemap div#contents dd.l,
body.sitemap div#contents dl.d3 dd {
	border-bottom-style: none;
	padding-bottom: 20px;
}
body.sitemap div#contents dl.d2 dt.t1,
body.sitemap div#contents dl.d1 dt.t1 {
	background-color: #9cf;
}
body.sitemap div#contents dl.d2 dt.t2,
body.sitemap div#contents dl.d1 dt.t2 {
	background-color: #99e6e6;
}
body.sitemap div#contents dl.d2 dt.t3 {
	background-color: #ccf;
}
body.sitemap div#contents dl.d3 dt,
body.sitemap div#contents dl.d2 dt.t4 {
	background-color: #999;
	color: #fff;
}
.sitemap #contents dd p {
	word-spacing: 1em;
}

p.anchor {
	height: 30px;
	padding-bottom: 6px;
}
p.anchor a {
	float: left;
	width: 238px;
	height: 28px;
	margin-right: 6px;
	border: solid #fc0 1px;
	background-color: #eee;
	text-align: center;
	line-height: 28px;
}

/* =============== gyotoku ================ */
body.gyt {
	background-image: url(../images/gyrent/hd_bg.jpg);
}
body.gyt div#contents {
	margin-top: 20px;
}
body.gyt div#contents #main {
}
body.gyt div#contents #main h1 {
	height: auto;
	margin-bottom: 30px;
	background-image: none;
	font-weight: bold;
	font-size: 128%;
	text-indent: 0;
	line-height: inherit;
}

body.comm div#main div.section {
	margin-top: 20px;
	font-size: 116%;
}
body.gyt.comm div#main div.section h2 {
	width: 750px;
	height: 50px;
	background: #fff url(../images/plain/info_hd.jpg) no-repeat;
	color: #000;
	font-size: 149%;
	text-indent: 1.4em;
	line-height: 50px;
}
body.gyt.comm div#main div.section p {
	width: auto;
	padding-left: 0;
	font-size: 100%;
}
body.comm div#main div.section div {
	float: left;
	width: 370px;
}
body.comm div#main div.section div ul {
	margin-top: 16px;
}
body.comm div#main div.section div li {
	margin-bottom: 4px;
}
body.comm div#main div.section a {
	display: inline-block;
	padding-left: 16px;
	background: url(../images/top/arw.jpg) 0px 50% no-repeat;
}
body.gyt.top #main div.section p {
	font-size: 100%;
}

body.gyt.comm div#sub,
body.gyt.top div#sub {
	background-image: none;
	border-bottom-style: none;
}
body.gyt.top div#sub dd {
	padding: 10px;
	border: solid 1px #999;
	border-top-style: none;
	text-align: center;
}
body.gyt.top div#sub dd p {
	text-align: left;
}
body.gyt.top div#sub dd strong {
	font-size: 116%;
}
body.gyt.comm div#sub a img,
body.gyt.top div#sub dd img {
	margin-bottom: 10px;
}
body.gyt.comm div#sub div.bay a img {
	margin-bottom: 0px;
}
body.gyt.comm div#sub div.bay {
	margin: 0;
	width: 210px;
}
body.gyt.comm div#sub div.bay ul {
	width: 210px;
	margin: 0;
}
body.gyt.comm div#sub div.bay li {
	width: 200px;
	margin: 0;
	padding: 4px;
	border: solid 1px #999;
	border-top-style: none;
}
body.gyt.comm div#sub div.bay p {
	width: 130px;
	padding-bottom: 0;
	padding-left: 60px;
	overflow: hidden;
}
body.gyt.comm div#sub div.bay p a {
	display: inline;
	padding-left: 0;
	background-image: none;
}
body.gyt.comm div#sub div.bay p img {
	float: left;
	margin-left: -60px;
}
body.sitemap.gyt div#contents dd ul {
	padding-left: 1em;
}
body.sitemap.gyt div#contents dd li {
	display: inline;
	margin-right: .5em;
}

/* =========== campaign ========= */
#otoshidama {
	margin-bottom: 20px;
	padding-bottom: 25px;
	background-color: #f69;
}
#otoshidama p {
	width: 725px;
	margin-left: 29px;
	padding: 20px 0 20px 205px;
	background-color: #fff;
	font-size: 116%;
	overflow: hidden;
	line-height: 2;
}
#otoshidama p img {
	float: left;
	margin-left: -185px;
}


/* ====== jackup ====== */
.jackup #contents {
	font-size: 116%;
}
.jackup #contents div {
	margin-bottom: 30px;
}
.jackup #contents h2 {
	height: 50px;
	margin-bottom: 20px;
	background: #fff url(../images/jackup/bar.jpg) no-repeat;
	color: #000;
	font-weight: bold;
	font-size: 132%;
	text-indent: 1.5em;
	line-height: 50px;
}
.jackup #contents h3 {
	margin-bottom: 15px;
	padding: 6px 10px 4px;
	background-color: #fc0;
	font-weight: bold;
	font-size: 114%;
	line-height: 1;
}
.jackup #contents img {
	margin-bottom: 15px;
}
.jackup #contents .catch {
	position: relative;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background: url(../images/jackup/title.jpg) no-repeat;
}
.jackup #contents p {
	margin-bottom: 1em;
}
.jackup #contents .catch p.up {
	position: relative;
	top: 90px;
	left: 40px;
	width: 620px;
	color: #fff;
	font-weight: bold;
}
.jackup #contents .catch p.intro {
	position: relative;
	top: 140px;
	width: 670px;
}
.jackup #contents p.r {
	margin-bottom: 0;
	text-align: right;
}
.jackup .catch #flvcontainer {
	position: absolute;
	top: 20px;
	right: 40px;
	width: 250px;
	height: 200px;
}

.aloha img.heading {
	margin-bottom: 20px;
	border-bottom: solid 5px #000;
}
.aloha #main {
	font-size: 116%;
}
.aloha #main.tp p {
	width: 700px;
	margin-bottom: 0;
	text-align: center;
	word-spacing: 24px;
}
.aloha #main.tp img {
	margin-bottom: 20px;
}
.aloha .section {
/*	width: 640px;*/width:700px;
	margin-bottom: 30px;
/*	padding: 0 30px 20px;*/
	background-color: #fff;
}/*
* html .aloha .section {
	width: 700px;
}
.aloha .section h1,
.aloha .section h2 {
	margin: 0 -30px 20px;
	padding: 8px 24px;
	background-color: #000;
	color: #fff;
	font-size: 114%;
	font-weight: bold;
	line-height: 1;
}*/
.aloha p.il,
.aloha p.ir {
	clear: both;
}
.aloha p.il img {
	float: left;
	margin-right: 20px;
	margin-bottom: 15px;
}
.aloha p.ir img {
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}
.aloha .section p {
	margin-bottom: 1em;
}
.aloha .section div {
	margin-bottom: 10px;
	padding: 19px 19px 19px 279px;
	border: solid 1px #ccc;
	background-color: #eee;
	overflow: hidden;
}
* html .aloha .section div {
	width: 640px;
}
.aloha .section div img {
	display: inline;
	float: left;
	margin-left: -260px;
}
.aloha .section dl {
	float: left;
	width: 330px;
	margin-bottom: 10px;
	background-color: #cef;
	text-align: center;
}
.aloha .section dl.aftr {
	margin-right: 40px;
	background-color: #ffeebf;
}
.aloha .section dd {
	padding-bottom: 6px;
}
.aloha .section dd img {
	margin-bottom: 18px;
}
.aloha #main.case .section p {
	width: 640px;
	margin-left: 30px;
}
ul.nav_aloha {
	clear: both;
	padding-top: 20px;
	text-align: center;
	word-spacing: 1em;
}
ul.nav_aloha li {
	display: inline;
}
.team #contents ul {
	width: 980px;
	margin: 24px 0 36px;
	font-size: 116%;
	overflow: hidden;
}
.team #contents ul a,
.team #contents ul span {
	font-size: 114%;
	font-weight: bold;
}
.team #contents li {
	position: relative;
	float: left;
	width: 450px;
	height: 90px;
	margin-bottom: 20px;
	padding-left: 20px;
	border: solid 5px #fc6;
	background: url(../images/team/bg.jpg) repeat-x;
}
.team #contents li.odd {
	margin-right: 20px;
}
.team #contents li a img {
	position: absolute;
	right: 16px;
	bottom: 10px;
}
.team #contents li a,
.team #contents li p {
	padding-left: 24px;
	background: url(../images/team/tri.gif) 0 .2em no-repeat;
}
.team #contents li a {
	display: inline-block;
	margin-top: 30px;
}
.team #contents li p {
	margin-top: 20px;
}


#tomodachi {
	position: relative;
	padding-bottom: 30px;
	background: #06c url(../images/campaign/tomodachi_bg.jpg) center bottom no-repeat;
}
#tomodachi h2 {
	margin-bottom: -75px;
}
#tomodachi p {
	position: relative;
	margin: 0 30px;
	font-size: 14px;
	line-height: 2;
}
#tomodachi p.step {
	padding: 20px 20px 20px 190px;
	background-color: #fff;
}
* html #tomodachi p.step {
	width: 710px;
}
#tomodachi p.end {
	margin-bottom: 30px;
}
#tomodachi p.step img.step {
	float: left;
	margin-left: -170px;
}
#tomodachi p.next {
	text-align: center;
}