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

/*/////////////////////////////////////////////////////////
file name: system.css
description: システム開発ページ専用スタイルシート

1.開発の流れ
2.開発メニュー

///////////////////////////////////////////////////////// */

/* ===========  1.開発の流れ  =========== */

.boxFlow01 {
	float: left;
	width: 50px;
	margin-right: 20px;
	background: url(../images/index/arrow.gif) center bottom;
	text-align: center;
	padding-top: 15px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 300%;
}

.boxFlow02 {
	float: left;
	width: 370px;
	margin-right: 20px;
}

.boxFlow03 {
	float: left;
	width: 180px;
}

.boxFlow04 {
	float: left;
	width: 50px;
	margin-right: 20px;
	background: #d2d2d2;
	text-align: center;
	padding-top: 15px;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 300%;
}

/*600px以上1000px以下タブレット縦*/
@media screen and (min-width: 600px) and (max-width: 1000px) {

.boxFlow02 {
	width: 280px;
}

.boxFlow03 {
	width: 120px;
}

.boxFlow03 img {
	width: 100%;
}


}


/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {
.boxFlow01, .boxFlow04 {
	margin-right: 0;
}

.boxFlow02 {
	float: right;
	margin-right: 0;
	width: 80%;
}

.boxFlow03 {
	display: none;
}

}

/* ===========  2.開発メニュー  =========== */

.blockImg {
	float: right;
	margin: 0 0 20px 20px;
}

.boxMenu {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#eff8fe));
	background: linear-gradient(#FFFFFF, #eff8fe);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #FFFFFF, #eff8fe);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFeff8fe);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFeff8fe)";
	border: 1px solid #e5e5e5;
}

.boxMenu01 {
	width: 318px;
	float: left;
	margin-right: 20px;
}

.boxMenu02 {
	width: 318px;
	float: left;
}

.boxMenu03 {
	width: 460px;
	float: left;
	margin-right: 20px;
}

.boxMenu04 {
	width: 180px;
	float: left;
}

.boxMenu05 {
	width: 320px;
	float: left;
	margin-right: 20px;
}

.boxMenu06 {
	width: 320px;
	float: left;
}

.titleMenu {
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d4eafc), to(#b9dbf7));
	background: linear-gradient(#d4eafc, #b9dbf7);
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(top, #d4eafc, #b9dbf7);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFd4eafc, endColorstr=#FFb9dbf7);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFd4eafc, endColorstr=#FFb9dbf7)";
	font-size: 128.6%;
	color: #044c86;
	font-weight: bold;
	text-align: center;
	padding: 8px 0;
}

a.btnContactMenu {
	display: block;
	background: url(../images/menu/btn_contact.png) left top no-repeat;
	text-indent: -9999px;
	width: 280px;
	height: 40px;
}

a.btnContactMenu:hover {
	background-position: left -40px;
}

.title02 {
	background: url(../images/menu/hd_title02.gif) left 2px no-repeat;
	min-height: 14px;
	padding-left: 22px;
}

/*RSS配信システム*/
.boxContactRSS {
	margin-top: 25px;
}

/*グリーティングカードシステム*/
.boxPD01 {
	width: 407px;
	float: left;
	margin-right: 20px;
}

.boxPD02 {
	width: 233px;
	float: left;
}

a.btnPostdoor {
    background-image: url(../images/menu/postdoor/btn_postdoor.gif);
	background-position: 0 65px;
	height:65px;
	width: 233px;
	text-indent: -9999px;
	display: block;
}

a:hover.btnPostdoor {
    background-position: 0 0;
}

table.tbl-PD {
	border: 1px solid #034c88;
	border-collapse:collapse;
	width: 300px;
	margin-top: 10px;
}

table.tbl-PD th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #eeeeee;
	padding: 3px 10px;
}

table.tbl-PD td {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 3px;
	text-align: center;
}

table.tbl-PD th.cen {
	text-align: center;
}

.flowPD {
	background: url(../images/menu/postdoor/bg_arrow.gif) left bottom no-repeat;
	padding-left: 24px;
	padding-bottom: 10px;
}

.boxContactPD {
	margin-top: 40px;
}

/*ECサイト*/
.boxEC01 {
	float: left;
	width: 440px;
	margin-right: 20px;
}

.boxEC02 {
	float: left;
	width: 180px;
}

table.tbl-ec {
	border: 1px solid #aaaaaa;
	width: 640px;
	margin-top: 10px;
	border-collapse:collapse;
}

table.tbl-ec th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #eeeeee;
	padding: 5px 10px;
	width: 130px
}

table.tbl-ec td {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 5px 10px;
	text-align: center;
}

table.tbl-ec th.cen {
	background: #FFF;
	text-align: center;
	padding: 5px 0;
	width: 180px;
}

ul.ec-service {
	margin-left: 30px;
}

ul.ec-service li {
	margin-bottom: 5px;
	float: left;
	width: 310px;
}

.boxContactEC {
	margin-top: 10px;
	margin-bottom: 10px;
}

/*フィットネスマップ*/
.boxContactFM {
	margin-top: 60px;
}

/*Google Analytics*/
table.tbl-analytics {
	border: 1px solid #aaaaaa;
	width: 640px;
	border-collapse:collapse;
}

table.tbl-analytics th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #eeeeee;
	padding: 8px 10px;
	width: 180px;
	vertical-align: middle;
}

table.tbl-analytics td {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 8px 10px;
	text-align: left;
}

table.tbl-analytics th.cen, table.tbl-analytics td.cen {
	text-align: center;
}

/*CMS*/
table.tbl-cms {
	border: 1px solid #aaaaaa;
	width: 640px;
	border-collapse:collapse;
}

table.tbl-cms th {
	border: 1px solid #aaaaaa;
	font-weight: bold;
	text-align: left;
	background: #eeeeee;
	padding: 3px 10px;
}

table.tbl-cms td {
	border: 1px solid #aaaaaa;
	text-align: left;
	padding: 3px 10px;
	width: 220px;
	text-align: left;
}

table.tbl-cms th.cen {
	background: #FFF;
	text-align: center;
}


/*599px以下スマホ縦横*/
@media screen and (max-width: 599px) {

.boxMenu01 {
	width: 100%;
	float: none;
	margin-right: 0;
}

.boxMenu02 {
	width: 100%;
	float: none;
	margin-top: 20px;
}

.boxMenu03 {
	width: 100%;
	float: none;
	margin-right: 0x;
}

.boxMenu04 {
	width: 100%;
	float: none;
	text-align: center;
	margin-top: 20px;
}

.boxMenu05 {
	width: 100%;
	float: none;
	margin-right: 0;
}

.boxMenu06 {
	width: 100%;
	float: none;
	margin-top: 20px;
}

.boxMenu05 p img, .boxMenu06 p img, .boxMenu05 div img, .boxMenu06 div img {
	width: 100%;
}

/*RSS配信システム*/
.boxContactRSS {
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*グリーティングカードシステム*/
.boxPD01 {
	width: 100%;
	float: none;
	margin-right: 0;
}

.boxPD02 {
	width: 233px;
	float: none;
	margin: 20px auto 0;

}

.boxContactPD {
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*ECサイト*/
.boxEC01 {
	float: none;
	width: 100%;
	margin-right: 0;
}

.boxEC02 {
	float: none;
	width: 100%;
	text-align: center;
}

/*フィットネスマップ*/
.boxContactFM {
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 10px;
}

}

/*スマホ横*/
@media only screen and (max-device-width:480px) and (orientation:landscape) {
.boxMenu05 p img, .boxMenu06 p img, .boxMenu05 div img, .boxMenu06 div img {
	width: auto;
}

}