@charset "UTF-8";
/* 全体の設定 */

* {
	margin:0;
	padding:0;
	border:0;
	color: #333333;
	list-style:none;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	border-style: none;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}
h1, h2, h3, h4 {
	margin: 0px;
	padding: 0px;
	font-size:100%;
	font-weight: normal;
	font-style: normal;
	border:none;
}
table {
	border-collapse:collapse;
	font-size:100%;
}
/* メインリンク基本色 */

a, a:link, a strong, a strong:link {
	text-decoration: underline;
	color:#F60;
}
#main #left a, #main #left a:link, #main #left a strong, #main #left a strong:link {
	text-decoration: underline;
	color:#333333;
}
#main #left a:hover, #main #left a strong:hover {
	text-decoration: none;
}
/* メインリンクマウスオーバー時 */
a:hover, a strong:hover {
	text-decoration: none;
}
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
map#gn-map area {
	outline: none;
}
/* 画像先読み */
#image-preload {
	width: 0px;
	height: 0px;
	display: inline;
	background-image:url('images/common/gn_01.jpg');
	background-image:url('images/common/gn_02.jpg');
	background-image:url('images/common/gn_03.jpg');
	background-image:url('images/common/gn_04.jpg');
	background-image:url('images/common/gn_05.jpg');
	background-image:url('images/common/gn_06.jpg');
	background-image:url('images/cal_only/off/1.jpg');
	background-image:url('images/cal_only/off/2.jpg');
	background-image:url('images/cal_only/off/3.jpg');
	background-image:url('images/cal_only/off/4.jpg');
	background-image:url('images/cal_only/off/5.jpg');
	background-image:url('images/cal_only/off/6.jpg');
	background-image:url('images/cal_only/off/7.jpg');
	background-image:url('images/cal_only/off/8.jpg');
	background-image:url('images/cal_only/off/9.jpg');
	background-image:url('images/cal_only/off/10.jpg');
	background-image:url('images/cal_only/off/11.jpg');
	background-image:url('images/cal_only/off/12.jpg');
	background-image:url('images/cal_only/active/1.jpg');
	background-image:url('images/cal_only/active/2.jpg');
	background-image:url('images/cal_only/active/3.jpg');
	background-image:url('images/cal_only/active/4.jpg');
	background-image:url('images/cal_only/active/5.jpg');
	background-image:url('images/cal_only/active/6.jpg');
	background-image:url('images/cal_only/active/7.jpg');
	background-image:url('images/cal_only/active/8.jpg');
	background-image:url('images/cal_only/active/9.jpg');
	background-image:url('images/cal_only/active/10.jpg');
	background-image:url('images/cal_only/active/11.jpg');
	background-image:url('images/cal_only/active/12.jpg');
	background-image:url('images/cal_group/off/1.gif');
	background-image:url('images/cal_group/off/2.gif');
	background-image:url('images/cal_group/off/3.gif');
	background-image:url('images/cal_group/off/4.gif');
	background-image:url('images/cal_group/off/5.gif');
	background-image:url('images/cal_group/off/6.gif');
	background-image:url('images/cal_group/off/7.gif');
	background-image:url('images/cal_group/off/8.gif');
	background-image:url('images/cal_group/off/9.gif');
	background-image:url('images/cal_group/off/10.gif');
	background-image:url('images/cal_group/off/11.gif');
	background-image:url('images/cal_group/off/12.gif');
	background-image:url('images/cal_group/active/1.gif');
	background-image:url('images/cal_group/active/2.gif');
	background-image:url('images/cal_group/active/3.gif');
	background-image:url('images/cal_group/active/4.gif');
	background-image:url('images/cal_group/active/5.gif');
	background-image:url('images/cal_group/active/6.gif');
	background-image:url('images/cal_group/active/7.gif');
	background-image:url('images/cal_group/active/8.gif');
	background-image:url('images/cal_group/active/9.gif');
	background-image:url('images/cal_group/active/10.gif');
	background-image:url('images/cal_group/active/11.gif');
	background-image:url('images/cal_group/active/12.gif');
}
/* ボディー */
body {
	font-size: 78%;
	color: #333333;
	line-height:140%;
	padding:0;
	text-align: center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color:#DFDAD3;
}
/* 画像ボーダー */
img {
	border-style: none;
}
/* 読み飛ばし */
.skip {
	position: absolute;
	left: -9999px;
}
/* 非表示 */
.none {
	display: none;
}
/* 区切り */
hr {
	height:1px;
}
.fclear {
	clear:both;
}
input.text2, textarea.text2 {
	border:solid 1px #ccc;
}
select {
	background-color:#FFFFFF;
	border:solid 1px #999;
	font-size:110%;
}
/* 引用元情報 */
cite {
	font-style: italic;
}
/* 引用 */
blockquote {
	color: #666666;
	background-color: #EfEfEf;
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
}
/* 整形済みテキスト */
pre {
	border-width: 1px;
	border-style: solid;
	border-color: #CCCCCC;
	padding: 5px;
	height: 100px;/* ここを変更すれば高さが変わります */
	overflow: scroll;
}
/* コンテナ */

#top {
	background-image: url(images/common/bg.jpg);
	background-position: center top;
	background-repeat: repeat-y;
	text-align:center;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	width:920px;
	background-color:#ffffff;
}
#container {
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
	text-align: left;
	margin-top: 0px;
	margin-bottom:0;
	padding: 0px;
	width: 862px;
	text-align:left;
}
/* ヘッダー */

#header {
	margin:0 0 10px 0;
	float:left;
	width:862px;
}
#header h1 {
	font-size:10px;
	height:30px;
}
#header h1 em {
	position:relative;
	top:2px;
	left:5px;
	color:#CCCCCC;
}
#header .left {
	width:536px;
	float:left;
}
#header .left a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#header .right {
	width:305px;
	float:right;
	text-align:right;
}
#header .right ul {
	margin:15px 0 0 0;
	float:right;
}
#header .right ul li {
	text-align:right;
	float:left;
	width:84px;
	margin:0 6px 0 0;
}
#header .right ul li.last {
	margin:0;
}
/* メイン サイドメニュー */

#main {
}
#main #left {
	float:left;
	width:180px;
	margin:0 0px 30px 0px;
	display:inline;
}
#main #left .side-blk {
	background-image: url(images/common/side_bg_btm_04.gif);
	background-repeat: repeat-y;
	float:left;
	width:180px;
}
#main #left .side-bg {
	background-image: url(images/common/side_bg_top_01.jpg);
	background-repeat: no-repeat;
	float:left;
	width:180px;
}
#main #left ul.side-ul {
	float:left;
	width:180px;
}
#main #left h2 {
	clear:both;
}
#main #left ul.side-ul li {
	float:left;
	width:158px;
	margin:10px 0 0px 12px;
	padding:0 0 10px 0;
	background-image: url(images/common/side_bg_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	display:inline;
}
#main #left ul.side-ul li.last {
	background-image:none;
}
#main #left ul.side-ul li .img-1 {
	float:left;
	width:50px;
	line-height:100%;
	font-size:0;
	margin:0px 0 0px 0px;
}
#main #left ul.side-ul li .img-2 {
	float:left;
	width:64px;
	line-height:100%;
	font-size:0;
	margin:0;
}
#main #left ul.side-ul li span.txt-1 {
	float:right;
	width:102px;
	margin:20px 0px 0px 0;
	display:block;
	word-break: break-all;
}
#main #left ul.side-ul li span.txt-2 {
	float:right;
	width:87px;
	margin:6px 0px 0px 0;
	display:block;
}
span.side-line {
	display:block;
	text-align:center;
}
#main #right {
	float:right;
	width:670px;
	margin:0 0 0px 0;
	display:inline;
}
 html[xmlns*=""] body:last-child #main #right {
font-size:90%;
}
#main #left .schedule {
	padding:0 0 10px 0;
	float:left;
	width:180px;
}
#main #left .schedule .cat {
	float:left;
	width:64px;
	margin:10px 0 0 7px;
	display:inline;
	font-size:80%;
}
#main #left .schedule strong {
	float:left;
	width:95px;
	display:block;
	font-size:80%;
	margin:10px 0 0 0px;
}
#main #left .txt-list li {
	background-image: url(images/common/side_bg_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:0 0 10px 0;
	margin:0 0 8px 0;
}
#main #left .txt-list2 li {
	background-image: url(images/common/side_bg_line.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding:0 0 10px 0;
	margin:0 0 8px 0;
}
#main #left .txt-list li.last {
	background-image:none;
}
#main #left .txt-list li span {
	background-image: url(images/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin:10px 10px 0px 15px;
	padding:0 0 0 10px;
	display:block;
}
#main #left .txt-list2 li span {
	background-image: url(images/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin:10px 10px 0px 5px;
	padding:0 0 0 10px;
	display:block;
}
.side_info {
	width:155px;
	background-position: left 5px;
	padding:0 0 0 10px;
}
.arrow {
	background-image: url(images/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding:0 0 0 10px;
}
a.arrow {
	background-position: left 5px;
	line-height: 100%;
}
.banner {
	margin:10px 0 0 0;
}
/* 共通 */

.bold {
	font-weight:bold;
}
.alignl {
	text-align:left;
}
.alignc {
	text-align:center;
}
.alignr {
	text-align:right;
}
.gototop {
	text-align:right;
	margin:0 20px 0 0;
}
.caution {
	color:#ED1C24;
}
.caution2 {
	color:#339999;
}
/* フッター */

#footer {

	font-size:11px;
	letter-spacing:0.1em;
	clear:both;
	text-align:center;
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding:10px 0;
}
p.copyright {
	padding:5px 0;
	display:block;
	clear:both;
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.ftr-btm {
	background-image: url(images/common/bg_btm.jpg);
	text-align:center;
	width:920px;
	height:15px;
	margin:0 auto 20px auto;
}
/* トップページ */

#main #right h2 {
	clear:both;
}
.top-main-left {
	width:323px;
	float:left;
	margin:5px 0 10px 20px;
	display:inline;
}
.top-main-left p {
	margin:0 0 5px 0;
}
.top-godetail {
	width:80px;
}
.aroundline {
	border:solid 1px #999999;
}
.top-main-right {
	background-color:#EEECEA;
	width:313px;
	float:right;
	text-align:center;
	padding:0 0 15px 0;
}
.graybg {
	background-color:#EEECEA;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}
.gray-cont {
	padding:5px 0 0 0;
	margin:0px 0 0px 20px;
}

.topcot {
	margin-bottom:20px;
}

.topcot .info {
	width:415px;
	margin-left:250px;
}

.float-l {
	float:left;
	margin-bottom:20px;
}

.float-r {
	float:right;
	margin-bottom:20px;
}

.flow-blk {
	width:160px;
	float:left;
	margin-right: 10px;
	margin-bottom:20px;
}

.flow-blk-r {
	width:160px;
	float:right;
	margin-bottom:20px;
}

.flow-arrow {
	float:left;
	width:9px;
	margin:60px 14px 0 14px;
}
.flow-blk h3 {
	margin:8px 0 5px 0;
}
.flow-blk p {
	font-size:80%;
	margin:0 0 10px 0;
}
.other {
	width:192px;
	float:left;
	margin:10px 28px 20px 0;
}
.other strong {
	font-weight:bold;
	display:block;
	background-image: url(images/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding:0 0 0 10px;
	margin:0 0 5px 0;
}
.other .img {
	float:left;
	width:100px;
}
.other .txt {
	float:left;
	width:85px;
	font-size:80%;
	margin:0 0 0 5px;
}
.other-gtdetail {
	padding:0 20px 20px 0;
}
.top-gallery {
	position:relative;
	top:-10px;
}
.top-gallery-h2 {
	position:relative;
	top:0;
	left:0;
}
.top-gallery-02 {
	position:absolute;
	top:16px;
	background-color:#FFFFFF;
}
#gallery-tab {
	text-align:right;
	z-index:10;
	position:relative;
}
#gallery-tab a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.top-gallery-cont {
	/*position:relative;*/
	z-index:1;
	top:-1px;
	background-color:#EEECEA;
	border:solid 1px #CCCCCC;
	padding:20px 0px 20px 0px;
	float:left;
	width:670px;
}
#tab-calendar {
	display:none;
}
#tab-calendar table td.photo {
/*	height:100px;
*/
}
.top-gallery-cont table {
	width:120px;
	float:left;
	margin:0 0px 0 12px;
	display:inline;
	text-align:center;
}
.rmgn20 {
	margin-right:20px;
}
.rbmgn20 {
	margin-right:20px;
	margin-bottom:20px;
}
.top-gallery-cont table td.photo {
	height:150px;
	width:100px;
	vertical-align:bottom;
	padding:0 0 5px 0;
}
.top-gallery-cont strong a {
	color:#FFFFFF;
	display:block;
	padding:0 5px 5px 5px;
	background-image: url(images/top/h_04_title_bg_main.gif);
	background-repeat: repeat;
}
.top-gallery-cont span {
	display:block;
	padding:3px 5px 0 5px;
	margin-bottom:10px;
}
.gttop {
	padding:20px 0 20px 0;
}
/* whatsnew 更新情報 B-1-1 ******************************************/

.main-c {
	margin:0 20px;
	float:left;
	width:630px;
	display:inline;
}
ul#bread-crumb {
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	float:left;
	display:block;
	width:630px;
	padding:10px 0 10px 0;
	margin:0 0 20px 0;
}
ul#bread-crumb li {
	float:left;
width:;
	background-image: url(images/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 10px 0 10px;
	margin:0px 0 0 0;
	display:inline;
}
ul#bread-crumb li.first {
	background-image:none;
	padding:0 10px 0 0;
	margin:0px 0 0px 10px;
}
.paging {
	text-align:right;
	padding:20px 0px 20px 0px;
}
.tpdg0 {
	padding-top:0 !important;
}
.goprev {
	background-image: url(images/whatsnew/arrow_left_paging.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color:#999999;
	padding:0 5px 0 10px;
}
.gonext {
	background-image: url(images/whatsnew/arrow_right_paging.gif);
	background-repeat: no-repeat;
	background-position: right center;
	color:#999999;
	padding:0 10px 0 5px;
}
.whatsnew-title {
	float:left;
	width:630px;
	border-bottom:solid 1px #D9D9D9;
	padding:0 0 5px 0;
}
.whatsnew-title h2 {
	width:490px;
	float:left;
	margin:5px 0 3px 0px;
	color:#FF6600;
	font-size:120%;
	font-weight:bold;
}
.whatsnew-title span.date {
	width:140px;
	float:right;
	text-align:right;
	font-weight:bold;
	margin:5px 0 3px 0px;
}
.whatsnew-main {
	margin:0px 0 20px 0;
	float:left;
	width:630px;
}
.whatsnew-main img {
	margin:15px 15px 0 10px;
}
.whatsnew-thumb {
	float:left;
}
.whatsnew-main p {
	padding:10px 0 0px 0;
}
/* templatelist テンプレート一覧 G-1-1 ******************************************/

p.catch {
	padding:20px 0;
}
.main-c h3 {
	margin:0 0 20px 0;
}
.square {
	background-image: url(images/templatelist/square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 15px;
}
.blk {
	display:block;
}
.template-list {
	float:left;
	margin:0 0 20px 0;
}
.template-list p {
	margin:0 0 10px 0;
}
.template-list .name {
	background-color:#D0CABE;
	width:303px;
	font-size:80%;
	margin:0;
	padding:0 0 0 5px;
}
.template-list .image {
	text-align:center;
	padding:5px 0;
	background-color:#EEECEA;
}
.image-blk {
	float:left;
	width:308px;
}
.image-blk-2 {
	float:right;
	width:308px;
}
.rmgn15 {
	margin-right:10px;
}
.template-list .name2 {
	background-color:#D0CABE;
	width:625px;
	font-size:80%;
	margin:0;
	padding:0 0 0 5px;
}
.template-list .image2 {
	text-align:center;
	padding:10px 0;
	background-color:#EEECEA;
}
ul.template-3clm li {
	width:203px;
	float:left;
	height:260px;
	margin:0 4px 0px 3px;
}
ul.template-3clm li img.image {
	margin:12px 0 12px 18px;
}
ul.template-3clm li .sample-img {
	background-color:#EDECEA;
	display:block;
}
ul.template-3clm em {
	display:block;
	background-image: url(images/templatelist/square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:5px 0 5px 15px;
	font-size:110%;
	font-weight:bold;
}
ul.template-3clm .txt {
	display:block;
	padding:5px 0 0 0;
}
.sample img {
	margin:5px 3px 0px 3px;
}

.button_expla_left {
	margin:0 0 20px 0;
	float:left;
	width:178px;
}

.button_expla_right {
	margin:2px 0 20px 2px;
	float:left;
	width:300px;
}

/* attention ご注意いただきたいこと E-1-1 ******************************************/

.tpdg20 {
	padding-top:20px;
}
.main-c .bmgn0 {
	margin-bottom: 0;
}

.gray-bg1 {
	background-color:#EEECEA;
	border:solid 1px #817769;
	float:left;
	width:628px;
	height:100%;
	margin-bottom:20px;
}

.gray-bg {
	background-color:#EEECEA;
	border-top:solid 1px #fff;
	float:left;
	width:630px;
	height:100%;
	padding:0px;
	margin:20px 0 0 0;
}

.gray-bg h2 {
	font-size:16px;
	font-weight: bold;
	letter-spacing : 2px;
	margin-bottom:20px;
	padding:20px 10px 10px 10px;
}

.gray-bg h3 {
	font-size:16px;
	font-weight: bold;
	letter-spacing : 2px;
	margin-bottom:20px;
	padding:10px 10px 10px 10px;
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.gray-bg1 h3 {
	font-size:16px;
	font-weight: bold;
	letter-spacing : 2px;
	margin-bottom:10px;
	padding:10px 10px 10px 10px;
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}

.gray-bg h4 {
	font-size:14px;
	font-weight: bold;
	color : #F60;
	line-height : 20px;
	letter-spacing : 1px;
	margin-bottom:10px;
}

.gray-bg li {
	width:530px;
	margin:0 20px 20px 20px;
}

.title {
	width:490px;
	float:left;
	margin:5px 0 3px 0px;
	color:#FF6600;
	font-size:120%;
	font-weight:bold;
}
.attention-blk {
	width:305px;
	float:left;
	margin:0 0px 0 0;
}
.atten {
	color:#FF6600;
}
.atten2 {
	color:#FF0000;
}
.atten3 {
	color:#0000FF;
}
.tmgn10 {
	margin-top:10px;
}
.fsize120 {
	font-size:120%;
}
.fsize80 {
	font-size:80%;
}
.mgn10 {
	margin:10px;
}
ul.attention-list {
	width:270px;
	padding:10px 10px 10px 10px;
}

ul.attention-list li {
	background-image: url(images/whatsnew/arrow_right_paging.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding:0 0 3px 10px;
}
ul.atten-half {
	float:left;
	margin:0 0 5px 0;
}
ul.atten-half li {
	width:270px;
	float:left;
}
.main-half {
	width:304px;
	float:left;
	margin-bottom:20px;
}

.main-half2 {
	width:550px;
	float:left;
}

.gray-bg-2 {
	background-color:#EEECEA;
	border:solid 1px #817769;
}
.lmgn20 {
	margin-left:20px;
}
.atten-detail {
	margin:10px;
}
.atten-detail p.mds {
	margin:20px 0 5px 0;
	font-size:100%;
	font-weight:bold;
}
.atten-detail p {
	margin:0 0 5px 0;
}
/*  all-cal 全員カレンダー F-1-1 ******************************************/

.joinus {
}
.joinus .catchimg-01 {
	margin:15px 50px 0 0;
	float:left;
}
.joinus .catchimg-02 {
	margin:10px 2px 15px 0;
	float:left;
}
.joinus .catchimg-03 {
	margin:10px 2px 0 0;
	float:left;
}
.joinus .catchimg-04 {
	margin:10px 0px 0 0;
	float:left;
}
.tpdg10 {
	padding-top:10px;
}
ul.cal-list-1 {
	float:left;
	margin:10px 0 0 10px;
	padding:0 0 20px;
}
ul.cal-list-1 li {
	float:left;
	width:295px;
	margin:0 0 5px 0;
}
ul.cal-list-1 li img {
	margin:0 5px 0 0;
	width:26px;
	float:left;
}
ul.cal-list-1 li span.name {
	float:left;
	width:260px;
	display:block;
}
.all-cal-req {
	margin:0 0 10px 0;
}
.all-cal-req span {
	position:relative;
	top:-10px;
}
.all-cal-req img {
	margin:0 0 0 10px;
}
.bmgn10 {
	margin-bottom:10px;
}
.fsize110 {
	font-size:110%;
}
ul.cal-list-2 {
	float:left;
	margin:10px 0 0 10px;
	padding:0 0 20px;
}
ul.cal-list-2 li {
	float:left;
	width:285px;
	margin:0 10px 5px 0;
	background-image: url(images/whatsnew/arrow_right_paging.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding:0 0 0 10px;
	display:inline;
}
/*  gallery_top ギャラリーTOP  H-1-1 ******************************************/

.gallery-top-blk {
	width:305px;
	background-color:#EEECEA;
	margin-top:1px;
}
.gallery-top-blk .image {
	width:132px;
	float:left;
	margin:10px 10px 0 3px;
}
.gallery-top-blk .txt {
	float:left;
	width:154px;
	margin:10px 0 0 0;
}
.tbpdg10 {
	padding-top:10px;
	padding-bottom:10px;
}
.gallery-top-table {
	margin:15px;
	width:600px;
}
.gallery-top-table th {
	width:270px;
	text-align:left;
}
.valignbtm {
	vertical-align:bottom !important;
}
.gallery-top-table td {
	vertical-align:top;
}
/*  gallery_book ギャラリー スタイルブック  H-2-1 ******************************************/

.gray-bg-all {
	width:629px;
	background-color:#EEECEA;
}
.gallery-book {
	border-left:solid 1px #CCCCCC;
	border-right:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
}

.gallery-book-2 {
	border:solid 1px #CCCCCC;

}
.main-c .bmgn5 {
	margin-bottom:5px;
}
.pdg10 {
	padding:10px;
}
.gallery-book-thumb {
	width:130px;
	float:left;
	margin:0 10px 10px 0;
}
.gallery-book-txt {
	float:left;
	width:460px;
}
ul.gallery-book-photo li {
	float:left;
	width:200px;
	margin:0 4px 0 0;
}
ul.gallery-book-photo li.last {
	margin:0;
}
.line {
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: center center;
}
.tbpdg20 {
	padding-top:20px;
	padding-bottom:20px;
}
.bpdg0 {
	padding-bottom:0px;
}
/*  gallery_book ギャラリー スタイルブック ポップアップ  H-2-1-popup ******************************************/


body#popup {
	font-size: 78%;
	color: #333333;
	line-height:140%;
	padding:0;
	text-align: left;
	margin:5px 10px;
	background-color:#fff;
}
body#popup .logo {
	width:144px;
	float:left;
}
body#popup .gofirst {
	width:50%;
	float:left;
	margin:0 0 10px 0;
}
body#popup .goend {
	width:50%;
	float:right;
	text-align:right;
	margin:0 0 10px 0;
}
#flash {
	text-align:center;
	margin:0 0 10px 0;
}
body#popup .date {
	float:right;
	width:200px;
	text-align:right;
	font-size:120%;
	font-weight:bold;
	margin:10px 0 0 0;
}
.popup-cap-blk {
	width:48%;
	float:left;
	margin:0 5px;
}
.upload-table {
	background-color:#CAC6BA;
	width:530px;
	margin:0 auto;
}
.wdt500 {
	width:500px !important;
}
.upload-txt {
	width:161px;
}
.upload-area {
	width:100%;
	background-color:#FFFFFF;
	border:solid 1px #333;
	display:block;
}
.upload-table th, .upload-table td, .upload-table-txt th, .upload-table-txt td {
	padding:5px;
	text-align:left;
}
#photo-data {
	text-align:center;
	margin:5px auto;
}
.upload-table-txt {
	width:530px;
	margin:5px auto;
}
.upload-table-txt th {
	width:90px;
}
.upload-table-txt input, .upload-table-txt textarea {
	border:solid 1px #999;
	width:155px;
	padding:2px;
}
.wdt250 {
	width:250px !important;
}
.upload-table-txt select option {
	font-size:80%;
}
.upload-table-txt input.radio-btn {
	background-color:#FFFFFF;
}
.fright {
	float:right;
}
.upload-table-txt-2 {
	width:530px;
	margin:5px auto;
	text-align:left;
}
.upload-table-txt-2 th {
	padding:5px 5px;
	width:100px;
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align:left;
}
.upload-table-txt-2 th.up-group {
	width:50px;
}
.upload-table-txt-2 td {
	width:150px;
	padding:5px 5px;
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	text-align:left;
}
.upload-table-txt-2 p, .upload-table-txt-2 a {
	color:#FF6600;
}
/*  cal_one ひと月カレンダー  F-2-1 ******************************************/

.h-line-bg {
	background-image: url(images/cal_one/h_bg.gif);
	color:#FFFFFF;
}
.bmgn20 {
	margin: 0 auto;
	margin-bottom:20px;
	text-align:center;
}

.fsize120 {
	font-size:120%;
}
.pdg5 {
	padding:5px;
}
.fleft {
	float:left;
	display:inline;
}
.cal-date {
}
.cal-date-left {
	float:left;
	width:100px;
	margin:26px 0 0 10px;
	display:inline;
}
.cal-date-main {
	float:left;
	width:400px;
	text-align:center;
	margin:10px 0 15px 0;
	display:inline;
}
.cal-date-main h2 {
	font-size:140%;
	font-weight:bold;
}
.cal-date-right {
	float:right;
	width:100px;
	text-align:right;
	margin:26px 10px 0 0;
	display:inline;
}
.cal-one {
	margin:0px 0 10px 8px;
}
.cal-one td {
	width:88px;
	text-align:center;
	vertical-align:top;
}
tr.dayweek td {
	text-align:left;
}
tr.day td {
	font-weight:bold;
}
.day-num {
	display:block;
	height:13px;
	margin:5px 10px 0 0;
	text-align:right;
}
.blk-bg-top {
	background-image: url(images/cal_one/blk_bg_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
.blk-bg-main {
	background-image: url(images/cal_one/blk_bg_main.gif);
	padding:3px 0;
	background-position: left top;
	display:block;
}
.noimage {
	height:70px;
}
.blk-bg-main em {
	display:block;
	margin:5px 0;
}
.blk-bg-btm {
	background-image: url(images/cal_one/blk_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: left top;
	display:block;
}
.year-img {
	position:relative;
	top:-3px;
	margin:0 0 0 5px;
}
.month-eng-img {
	margin:0 0 0 5px;
}
/*   ギャラリー　スタイルブック  H-2-4 ******************************************/

.gallery-book-list {
	display:inline;
	float:left;
	margin:0 0 0 10px;
}
.gallery-book-list div {
	display:block;
	float:left;
	margin-bottom:20px;
}
.gallery-book-list table {
	width:120px;
	float:left;
	margin:0 0px 0 20px;
	display:inline;
	text-align:center;
}
.rmgn20 {
	margin-right:20px;
}
.rbmgn20 {
	margin-right:20px;
	margin-bottom:20px;
}
.gallery-book-list table td.photo {
	height:190px;
	width:120px;
	vertical-align:bottom;
	padding:0 0 5px 0;
}
.gallery-book-list strong a {
	color:#FFFFFF;
	display:block;
	padding:0 5px 5px 5px;
	background-image: url(images/top/h_04_title_bg_main.gif);
	background-repeat: repeat;
}
.gallery-book-list span {
	display:block;
	padding:3px 5px 0 5px;
}
.gallery-book-2 {
	border:solid 1px #CCCCCC;
}
/* login  ログイン  J-1-1 ******************************************/

.tmgn20 {
	margin-top:20px;
}
.mgn30 {
	margin:30px;
}
.login-table {
	margin:0 0 0 10px;
}
.login-table th, .login-table td {
	padding:5px;
	text-align:left;
}
.login-table th {
	width:130px;
}
.login-table input {
	border:solid 1px #999;
	background-color:#FFFFFF;
	width:400px;
	font-size:120%;
}
.arrow-list {
	margin:10px 0 0 10px;
}
.arrow-list li {
	background-image: url(images/whatsnew/arrow_right_paging.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 5px 10px;
}
/* mypage  マイページ   L-2-2 ******************************************/

#mypage-navi {
	background-image: url(images/mypage/navi_bg.gif);
	float:left;
	margin:0 0 20px 0;
	display:inline;
	padding:0 0 10px 0;
}
#mypage-navi ul {
	width:610px;
	float:left;
	margin:10px 10px 0 10px;
	background-color:#FFFFFF;
	display:inline;
}
#mypage-navi ul li {
	float:left;
	width:150px;
	margin:10px 0px 10px 5px;
	display:inline;
}
#mypage-navi ul li.mpnv-01 {
	width:163px;
	margin:10px 0 10px 5px;
}
#mypage-navi ul li.mpnv-02 {
	width:142px;
	margin:10px 0 10px 0;
}
#mypage-navi ul li.last {
	margin:10px 0;
	width:142px;
}
#mypage-navi ul li img {
	float:left;
	width:50px;
}
#mypage-navi ul li span a {
	display:block;
	color:#FF6600;
	font-weight:bold;
	float:left;
	width:89px;
	margin:15px 0 0 0;
	text-decoration:none;
}
#mypage-navi ul li.mpnv-01 span a {
	display:block;
	color:#FF6600;
	font-weight:bold;
	float:left;
	width:106px;
	margin:15px 0 0 0;
	text-decoration:none;
}
#mypage-navi ul li.mpnv-02 span a {
	display:block;
	color:#FF6600;
	font-weight:bold;
	float:left;
	width:85px;
	margin:15px 0 0 0;
	text-decoration:none;
}
#mypage-navi ul li.last span a {
	display:block;
	color:#FF6600;
	font-weight:bold;
	float:left;
	width:85px;
	margin:15px 0 0 0;
	text-decoration:none;
}
 html[xmlns*=""] body:last-child #mypage-navi ul li span a {
display:block;
font-size:90%;
color:#FF6600;
font-weight:bold;
float:left;
/*width:89px;*/
margin:15px 0 0 0;
text-decoration:none;
}
#mypage-navi ul li span a:hover {
	text-decoration:underline;
}
.lmgn10 {
	margin-left:10px;
}
.arrow2 {
	background-image: url(images/whatsnew/arrow_right_paging.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding:0 0 0 10px;
}
.ptop-10 {
	position:relative;
	top:-10px;
}
input.radio-btn {
	background-color:#EEECEA;
	width:15px !important;
	border:none;
}
select.birth {
	background-color:#FFFFFF;
	border:solid 1px #999;
	font-size:110%;
	width:60px;
}
/*
.select-year{
	background-color:#FFFFFF;
	border:solid 1px #999;
	font-size:95%;
	width:57px;
		display:inline;		height:18px;
}

.select-month{
	background-color:#FFFFFF;
	border:solid 1px #999;
	font-size:95%;
	width:45px;
		display:inline;
		height:18px;
}

.select-day{
	background-color:#FFFFFF;
	border:solid 1px #999;
	font-size:95%;
	width:45px;
	float:left;
		display:inline;		height:18px;
}
*/
.radio-btn-txt {
	position:relative;
	top:-3px;
	padding:0 20px 0 0;
}
.radio-btn-txt-2 {
	position:relative;
	top:2px;
	padding:0 20px 0 10px;
}
.radio-btn-txt-3 {
	position:relative;
	top:-1px;
	padding:0 0px 0 0px;
	font-size:7px;
}
.small-select select {
	font-size:12px;
}
.tbmgn10 {
	margin-top:10px;
	margin-bottom:10px;
}
.mypage-h-table {
	margin:10px 0 15px 0;
	width:610px;
}
.mypage-h-table td {
	padding:0 5px;
}
ul.clm2-list li.hgt140 {
	height:140px;
}
ul.clm2-list li .left-2 {
	float:left;
	width:75px;
	margin:10px 5px 10px 10px;
}
ul.clm2-list li .left-2 img {
	width:75px;
	display:block;
}
ul.clm2-list li .right-2 {
	float:right;
	width:190px;
	margin:0px 0px 10px 0;
	text-align:left;
	padding:10px 0 0 0;
}
.gtbuy-2 {
	display:block;
	padding:0px 0 0 0;
	margin:0 auto;
}
.tbpdg5 {
	padding-top:5px;
	padding-bottom:5px;
}
.bpdg5 {
	padding-bottom:5px;
}
.lmgn5 {
	margin-left:5px;
}
.tpdg20 {
	padding-top:20px;
}
.cal-left {
	float:left;
	width:75px;
	margin:15px 0 0px 15px;
	display:inline;
	padding:0 0 10px 0;
}
.cal-right {
	float:left;
	width:490px;
	margin:15px 0 0px 15px;
	display:inline;
	padding:0 0 10px 0;
}
.cal-left-2 {
	float:left;
	width:145px;
	margin:15px 0 0px 15px;
	display:inline;
	padding:0 0 10px 0;
}
.cal-right-2 {
	float:left;
	width:415px;
	margin:15px 0 0px 15px;
	display:inline;
	padding:0 0 10px 0;
}

.cal-left-3 {
	float:left;
	width:115px;
	margin:15px 0 0px 15px;
	display:inline;
	padding:0 0 10px 0;
}
.cal-right-3 {
	float:left;
	width:445px;
	margin:15px 0 0px 15px;
	display:inline;
	padding:0 0 10px 0;
}

.ml10{
margin-left:10px !important;
}

.mr10{
margin-right:10px !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb5{
margin-bottom:5px !important;
}

.mb20{
margin-bottom:20px !important;

}
.pt10{
padding-top:10px !important;
}

.pb10{
padding-bottom:10px !important;
}
.cal-right table td, .cal-right-2 table td, .cal-right-3 table td {
	padding:0 10px 5px 0px;
	vertical-align:top;
}

h3.mypagetop-h3{
margin:10px;
}

.half-blk{
float:left;
width:310px;
}

.wdt310{
width:310px;
}


.mypage-book-image{
	width:610px;
	height:326px;
	background-image: url(images/mypage/image_book.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mypage-book-image ul{
position:relative;
top:0;
left:0;
}

.mypage-book-image ul .btn01{
position:absolute;
top:138px;
left:443px;
}

.mypage-book-image ul .btn02{
position:absolute;
top:180px;
left:443px;
}

.mypage-book-image ul .btn03{
position:absolute;
top:218px;
left:443px;
}

.mypage-book-image ul .btn04{
position:absolute;
top:270px;
left:371px;
}


.mypage-only-image{
	width:610px;
	height:340px;
	margin:0 0 10px 10px;
	background-image: url(images/mypage/image_only.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mypage-only-image ul{
position:relative;
top:0;
left:0;
}

.mypage-only-image ul .btn01{
position:absolute;
top:141px;
left:437px;
}

.mypage-only-image ul .btn02{
position:absolute;
top:180px;
left:437px;
}

.mypage-only-image ul .btn03{
position:absolute;
top:217px;
left:437px;
}

.mypage-only-image ul .btn04{
position:absolute;
top:284px;
left:371px;
}



.mypage-group-image{
	width:290px;
	height:330px;
	margin:0 0 10px 10px;
	background-image: url(images/mypage/image_group.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mypage-group-image ul{
position:relative;
top:0;
left:0;
}

.mypage-group-image ul .btn01{
position:absolute;
top:114px;
left:158px;
}

.mypage-group-image ul .btn02{
position:absolute;
top:141px;
left:158px;
}

.mypage-group-image ul .btn03{
position:absolute;
top:169px;
left:158px;
}

.mypage-group-image ul .btn04{
position:absolute;
top:281px;
left:64px;
}

.mypage-all-image{
	width:290px;
	height:330px;
	margin:0 0 10px 10px;
	background-image: url(images/mypage/image_all.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.mypage-all-image ul{
position:relative;
top:0;
left:0;
}

.mypage-all-image ul .btn01{
position:absolute;
top:141px;
left:18px;
}

.mypage-all-image ul .btn02{
position:absolute;
top:141px;
left:150px;
}

.mypage-all-image ul .btn03{
position:absolute;
top:169px;
left:150px;
}

.mypage-all-image ul .btn04{
position:absolute;
top:281px;
left:64px;
}





.cal-blk {
	float:left;
	width:610px;
	margin:0 0 10px 0;
	display:inline;
}
.disnone {
	display:none;
}
.status {
	border:sold 1px #FF3300;
	background-color:#FFEFE8;
	padding:5px;
	font-weight:bold;
	font-size:90%;
	display:block;
	margin:10px 0 5px 0;
	text-align:center;
}
.status-end {
	border:sold 1px #FF3300;
	background-color:#FFDDCE;
	padding:5px;
	font-weight:bold;
	font-size:90%;
	display:block;
	color:#FF3300;
	margin:10px 0 5px 0;
	text-align:center;
}
/* inquiry  お問い合わせ   Q-1-4 ******************************************/

.lrmgn20 {
	margin-left:20px;
	margin-right:20px;
}
.lrmgn10 {
	margin-left:10px;
	margin-right:10px;
}
.inquiry-table {
	margin:20px 30px 0 30px;
}
.inquiry-table th {
	width:134px;
	text-align:left;
	vertical-align:top;
}
.inquiry-table td {
	width:420px;
	text-align:left;
	vertical-align:top;
}
.inquiry-table input, .inquiry-table textarea {
	border:solid 1px #999999;
	background-color:#FFFFFF;
	width:400px;
	font-size:110%;
	padding:2px;
}
.inquiry-table th, .inquiry-table td {
	padding:3px;
}
.inq-txt {
	margin:20px 20px 0px 30px;
}
.inq-h2 {
	margin:30px 0 5px 30px;
	font-weight:bold;
	font-size:120%;
}
.btn:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}
.h2-txt {
	margin:20px 0 5px 10px;
	font-weight:bold;
	font-size:120%;
}
.faq-list {
	margin:0 10px;
}
.faq-list p {
	margin:0 0 5px 0;
}
.faq-title {
	margin:5px 10px 0px 0;
	background-image: url(images/whatsnew/arrow_right_paging.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding:0 0 0 10px;
}
/* inquiry  お問い合わせ   Q-1-4 ******************************************/
.h-bg {
	padding:5px;
	margin:0px 0 0 0 !important;
	font-size:120%;
	color:#FFFFFF;
	font-weight:bold;
	background-image: url(images/cal_one/h_bg.gif);
}
/* make-cal カレンダー管理 M-2-1 ******************************************/

.gray-bg-blk {
	margin:10px 10px 0 10px;
	padding:0 0 10px 0;
	float:left;
	width:610px;
	display:inline;
}

.float630{
float:left;
width:630px;
}

.float610{
float:left;
width:610px;
}



/* make-cal  カレンダーを作る M-3-1 ******************************************/

input.radio-btn-2 {
	background-color:#EEECEA !important;
	width:15px !important;
	border:none !important;
}
.make-cal-table {
	margin:20px 30px 0 30px;
}
.make-cal-table th {
	width:144px;
	text-align:left;
	vertical-align:top;
}
.make-cal-table td {
	width:420px;
	text-align:left;
	vertical-align:top;
}
.make-cal-table input, .make-cal-table textarea {
	border:solid 1px #999999;
	background-color:#FFFFFF;
	width:400px;
	font-size:110%;
	padding:2px;
}
.make-cal-table th, .make-cal-table td {
	padding:5px 3px;
}
.cal-select {
	float:left;
	width:205px;
	margin:0 0 0 0px;
	display:inline;
}
.cal-select img {
	margin:5px 0 0 20px;
}
/* shopping_top ショッピング O-1-1 ******************************************/

.white-bg {
	background-color:#FFFFFF;
}
ul.clm3-list {
	float:left;
	padding:0 0 2px 0;
}
ul.clm3-list li {
	float:left;
	margin:0 0 8px 0;
	display:inline;
}
ul.clm3-list li ul li {
	float:left;
	width:196px;
	margin:0 4px 0px 3px;
	text-align:center;
	display:inline;
}
.clm3-list li ul li.white-bg {
	padding:15px 0 10px 0;
	float:left;
}
.clm3-list li ul li span {
	display:block;
	margin:3px;
}
.clm3-list li ul li table {
	text-align:center;
	margin:0 auto;
}
.clm3-list li ul li table td.photo {
	height:150px;
	width:110px;
	vertical-align:bottom;
	padding:0 0 5px 0;
}
.clm3-list li ul li table td.photo2 {
	height:110px;
	width:110px;
	vertical-align:bottom;
	padding:0 0 5px 0;
}
ul.clm2-list {
	float:left;
	width:610px;
}
ul.clm2-list li {
	float:left;
	width:610px;
	margin:0 0 8px 0;
}
ul.clm2-list li ul {
	float:left;
	width:610px;
}
ul.clm2-list li ul li {
	float:left;
	width:295px;
	margin:0 3px 0px 5px;
	text-align:center;
	display:inline;
}
ul.clm2-list li ul li .left {
	float:left;
	width:130px;
	margin:10px 5px 10px 10px;
}
ul.clm2-list li ul li .right {
	float:right;
	width:143px;
	margin:10px 0px 10px 0;
	text-align:left;
	padding:10px 0 0 0;
}
ul.clm3-list .buy-blk {
	height:26px;
	margin:3px 0;
}
.clm2-title {
	display:block;
}
.gtbuy {
	display:block;
	padding:5px 0 0 0;
	text-align:center;
	margin:0 auto;
}
.reg-navi {
	float:left;
	width:610px;
	margin:0 0 20px 0;
}
.reg-navi-left {
	float:left;
	width:448px;
	margin:0 0 0px 5px;
}
.reg-navi-right {
	float:right;
	width:139px;
	margin:3px 5px 0px 0;
}
/* shopping_top ショッピング詳細 O-3-1 ******************************************/

.item-detail {
	float:left;
	background-color:#FFFFFF;
	width:610px;
	margin:10px;
	display:inline;
}
/*mgn10 white-bg pdg10 fleft*/

.item-detail-left {
	float:left;
	width:150px;
	margin:10px 0 0 10px;
	display:inline;
	text-align:center;
}
.item-detail-left table {
	width:150px;
	margin:0 auto;
}
.item-detail-left table td {
	height:150px;
	vertical-align:middle;
	padding:0 0 5px 0;
}
.item-detail-left table td img {
	display:block;
}
.item-detail-right {
	float:right;
	width:425px;
	margin:10px 10px 10px 0;
	display:inline;
}
.item-detail-right h2 {
	font-size:120%;
	font-weight:bold;
	float:left;
	width:300px;
}
.item-detail-right span {
	float:right;
	width:81px;
}
.buy-table td {
	padding:5px;
}
/* history 履歴  L-2-5 ******************************************/

.upload-left {
	width:427px;
	float:left;
	margin:10px 0 15px 0;
}
.upload-right {
	width:175px;
	float:right;
	margin:10px 0 0 0;
}
.upload-box {
	margin:0 auto;
	text-align:center;
	width:400px;
	border:solid 1px #FF3300;
}
/* mybook マイフォトブック管理   N-2-2 ******************************************/

.gray-bg-3 {
	background-color:#EEECEA;
	float:left;
	width:610px;
	padding:0 0 10px 0;
	display:inline;
}
.blrmgn10 {
	margin:0 10px 10px 10px;
}
.mybook-table {
	margin:15px;
	width:580px;
}
.mybook-table th {
	width:125px;
	text-align:center;
}
.valignbtm {
	vertical-align:bottom !important;
}
.mybook-table td {
	vertical-align:top;
}
/*  cal_group カレンダーグループ画像追加ポップアップ  M-4-4 ******************************************/

.upload-group-all {
	margin:10px auto;
	width:532px;
}
#month-list {
	background-image: url(images/cal_group/blk_bg_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float:left;
	width:532px;
	height:29px;
}
#month-list li {
	float:left;
	margin:0 2px 0 0;
}
#month-list li a, #month-list li a:link, #month-list li a:hover {
	text-decoration:none;
}
#month-list li.m01 {
	margin:0 2px 0 2px;
}
.month-blk {
	display:none;
}
.position-4px {
	position:relative;
	left:-4px;
}
.upload-group-bg {
	background-image: url(images/cal_group/blk_bg_main.gif);
	background-repeat: repeat-y;
	float:left;
	width:532px;
}
.select-day {
	margin:10px;
}
.upload-group-bg-btm {
	background-image: url(images/cal_group/blk_bg_btm.gif);
	background-repeat:no-repeat;
	float:left;
	width:532px;
	margin:0 0 10px 0;
}
.rbmgn10 {
	margin-right:10px;
	margin-bottom:10px;
}
.upload-thumb {
	margin:0 0 10px 0;
	text-align:center;
}
.previousmonth {
	float:left;
	width:150px;
	margin:0 0 10px 20px;
}
.nextmonth {
	float:right;
	width:150px;
	margin:0 20px 10px 0;
}
/* cal_only カレンダーオンリーワン  M-3-3 ******************************************/

.upload-onlyone-bg {
	background-image: url(images/cal_only/cal_blk_bg_main.gif);
	background-repeat: repeat-y;
	background-position: center top;
}
.onlyone-txt-left {
	float:left;
	width:400px;
	margin:0 0 20px 0;
}
.onlyone-txt-right {
	float:right;
	width:230px;
	margin:0 0 20px 0;
	text-align:right;
}
.onlyone-month-list {
	margin:5px 0 0 0px;
	background-image: url(images/cal_only/cal_blk_bg_top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	float:left;
	width:630px;
	height:26px;
}
.onlyone-month-list li {
	float:left;
	width:50px;
	margin:0 2px 0 0;
}
.onlyone-month-list li#nav1 {
	margin:0 2px 0 2px;
}
.cal-only-main {
	border:solid 1px #ccc;
	width:498px;
	margin:10px auto;
	text-align:center;
}
.onlyone-bg-main {
	float:left;
	width:630px;
	background-image: url(images/cal_only/cal_blk_bg_main.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.onlyone-bg-btm {
	background-image: url(images/cal_only/cal_blk_bg_btm.gif);
	background-repeat: no-repeat;
	background-position: center top;
	float:left;
}
.upload-area-2 {
	margin:0 20px;
}
.upload-table-2 {
	/*background-color:#CAC6BA;
	*/width:500px;
	margin:10px auto;
}
.upload-table-2 th, .upload-table-2 td {
	padding:3px 0;
	background-color:#CAC6BA;
}
.upload-table-2 .upload-txt {
	width:161px;
	padding-left:3px;
}
.upload-table-2 .upload-area-2 {
	background-color:#FFFFFF;
	border:solid 1px #333;
	display:block;
}
.upload-onlyone {
	width:400px;
}
.upload-onlyone th {
	vertical-align:top;
}
.lpdg5 {
	padding-left:5px;
}
.line-blk {
	background-image: url(images/common/ftr_line.gif);
	background-repeat: repeat-x;
	background-position: left top;
	margin:5px 20px 0 20px;
	float:left;
	display:inline;
}

.center-line{
	background-image: url(images/make_cal/line_long.gif);
	background-repeat: repeat-y;
	background-position: center top;
	float:left;
	margin:5px 0 0 0;
}

table.make-only {
	margin:0px 0px 5px 0;
	width:286px;
	float:left;
	display:inline;
}


table.make-only-left {

	width:294px !important;
	padding:0 0px 0 0;
	margin-right:5px;
	display:inline;
}
table.make-only-right {
	float:right;
	width:286px;

	display:inline;
}
table.make-only th {
	width:121px;
	text-align:left;
	padding:3px 0px;
	vertical-align:top;
}
table.make-only td {
	padding:3px 0px;
}
table.make-only input, table.make-only textarea {
	width:160px;
	border:solid 1px #999999;
}
table.make-only input.upload-area {
	width:160px;
}
table.prev-only {
	margin:10px 0 10px 0;
	width:580px;
}
table.prev-only td {
	text-align:center;
	width:135px;
	padding:5px;
vertical-align:top;
}
table.prev-only p {
	text-align:left;
	margin:0 0 0 20px;
}
table.prev-only p.month {
	text-align:center;
	margin:0;
	font-weight:bold;
	margin-bottom:5px;
}
.prev-left {
	float:left;
	width:265px;
	margin:30px 0 10px 51px;
	display:inline;
}
.prev-right {
	float:right;
	width:243px;
	display:inline;
	margin:0 50px 10px 0;
	display:inline;
}
.prev-backtoedit {
	float:left;
	width:140px;
	margin:0 0 20px 20px;
	display:inline;
}
.prev-compedit {
	float:right;
	width:180px;
	margin:0px 15px 20px 0px;
	display:inline;
}
body#popup-gray {
	font-size: 78%;
	color: #333333;
	line-height:140%;
	padding:0;
	text-align: left;
	margin:5px 10px;
	background-color:#EEECEA;
}
.print-left {
	float:left;
	width:400px;
	margin:10px 0 5px 20px;
	display:inline;
}
.print-right {
	float:right;
	width:120px;
	margin:5px 20px 5px 0;
	display:inline;
}
.mgnauto {
	margin:0 auto;
}
/* corporate 運営会社について　Q-1-1 ******************************************/

.corp-table {
	margin:0 0 0 5px;
}
.corp-table th {
	width:150px;
	background-color:#D0CABE;
	text-align:center;
	border:solid 5px #EEECEA;
	padding:5px;
}
.corp-table td {
	width:376px;
	border:solid 5px #EEECEA;
	padding:5px;
	background-color:#FFFFFF;
}
.corp-map {
	position:relative;
	top:3px;
	margin:0 0 0 2px;
}
/* privacy-policy　Q-1-2 ******************************************/

.privacy-policy p {
	margin:0 0 20px 0;
}
/* term ご利用規約　Q-1-7 ******************************************/

.bpdg20 {
	padding-bottom:20px;
}
/* about_cal スタイルカレンダーとは　C-2-1 ******************************************/

.tmgn0 {
	margin-top:0;
}
.valigntop {
	vertical-align:top;
}
.tlrpdg15 {
	padding-top:15px;
	padding-left:15px;
	padding-right:15px;
}
/* howtomake_book スタイルブックの作り方　C-3-2 ******************************************/

.flow-blk-2 {
	float:left;
	width:180px;
}
.flow-arrow-2 {
	float:left;
	width:9px;
	margin:60px 10px 0 10px;
}
.flow-blk-2 h3 {
	margin:8px 0 5px 0;
}
.flow-blk-2 p {
	font-size:80%;
	margin:0 0 5px 20px;
}
/* 4つのフロー */
.flow-blk-4 {
	float:left;
	width:128px;
}
.flow-arrow-4 {
	float:left;
	width:9px;
	margin:60px 10px 0 10px;
}
.flow-blk-4 h3 {
	margin:8px 0 5px 0;
}
.flow-blk-4 p {
	font-size:80%;
	margin:0 0 5px 20px;
}
.make-flow {
	width:615px;
	float:left;
	margin:20px 0 20px 15px;
	display:inline;
}
.flow-atten-list {
	margin:0 10px;
	float:left;
}
.flow-atten-list li {
	padding:0 0 0px 15px;
	background-image: url(images/whatsnew/arrow_right_paging.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
ul.clm3-list-2 {
	float:left;
	padding:0 0 2px 0;
	margin:0 0 0 10px;
}
ul.clm3-list-2 li {
	float:left;
	width:196px;
	margin:0 4px 10px 3px;
	text-align:center;
	display:inline;
}
.clm3-list-2 li.white-bg {
	padding:15px 0 10px 0;
	float:left;
}
.clm3-list-2 li span {
	display:block;
	margin:3px 6px;
}
.clm3-list-2 li table {
	text-align:center;
	margin:0 auto 5px auto;
}
.clm3-list-2 li table td {
	height:180px;
	vertical-align:bottom;
	padding:0 0 0px 0;
}
.hgt180 {
	height:180px;
}
.lmgn15 {
	margin-left:15px;
}
.flow-left {
	width:178px;
	float:left;
	margin:8px;
	padding:0 0 8px 0;
	display:inline;
}
.flow-right {
	width:397px;
	float:left;
	margin:8px;
	padding:0 0 8px 0;
	display:inline;
}
.flow-right img {
	margin:5px 0 10px 0;
}
.flow-right p {
	margin:5px 0 0 0;
}
.bg-yellow {
	background-color: #FFFFDD;
}
span.flow_txt_bold {
	font-weight: bold;
}
span.flow_txt_orange {
	color: #F60;
}


/* price 価格表 D-1-1 ******************************************/

.price-left {
	float:left;
	width:100px;
	margin:15px 0 15px 10px;
	display:inline;
}
.price-right {
	float:right;
	width:485px;
	margin:15px 15px 10px 0px;
	display:inline;
}
.price-table th {
	background-color:#DBDBDB;
	text-align:center;
	width:60px;
}
.price-table td {
	background-color:#FFFFFF;
	padding:10px 0 !important;
}
.price-table th, .price-table td {
	border:solid 1px #999999;
	text-align:center;
	padding:5px 0;
}
.price-cal {
	color:#333333;
	font-weight:bold;
	font-size:120%;
}
/* sitemap サイトマップ Q-1-6 ******************************************/

.sitemap {
	width:305px;
	float:left;
	margin:10px 0 0px 0;
	padding:0 0 15px 0;
	display:inline;
}
.sitemap li {
	background-image: url(images/common/arrow.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin:5px 10px 0px 15px;
	padding:0 0 0 10px;
	display:block;
}
/* monitor モニター専用 ******************************************/

.hdn {
	display:block;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
.monitor-catch {
	background-image: url(images/monitor/monitor01-1.jpg);
}
.monitor-catch p {
	padding:48px 0 0 203px;
}
.monitor-left {
	float:left;
	width:422px;
}
.monitor-right {
	float:right;
	width:192px;
	padding:20px 0 0 0;
}
.flashplayer {
	font-size:90%;
	padding:5px 0;
}
.underline-txt {
	text-decoration:underline;
}
/* hard-case ハードケース ******************************************/

.hard-case {
	clear:both;
	margin:10px 10px 0px 10px;
}
.hard-case .left {
	float:left;
	width:290px;
	margin:30px 0 30px 10px;
}
.hard-case .left p {
	margin:0 0 10px 0;
}
.hard-case-img {
	position:relative;
	top:-100px;
	left:200px;
}
.hard-case .main {
	float:left;
	width:610px;
	background-image: url(images/hardcase/case_image.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.hard-case .right {
	float:right;
	width:293px;
	margin:0 5px 10px 0;
}
.hard-case em {
	font-size:120%;
	display:block;
	margin:10px auto;
}
.hard-case select {
	display:block;
	margin:10px auto;
}
.hard-case select.count {
	display:inline !important;
}
.hard-case select.count span {
	position:relative;
	top:-3px;
}
div.hc-clm3-list {
	float:left;
	padding:0 0 10px 0;
}
div.hc-clm3-list div {
	float:left;
	width:196px;
	margin:0 4px 0px 3px;
	text-align:center;
	display:inline;
}
div.hc-clm3-list div.white-bg {
	padding:15px 0 10px 0;
	float:left;
}
/* about フォトパレットについて C-1-1 ******************************************/


.about-pp-image {
	margin:10px 0 0 0;
	background-image: url(images/about_pp/about_page_image.jpg);
	width:670px;
	height:476px;
	position:relative;
	top:0;
	left:0;
}
.about-pp-image p {
	position:absolute;
	top:423px;
	left:30px;
}
/* about-book */


.cal-left-1 {
	float:left;
	width:134px;
	margin:0 5px 0 0;
}
.cal-right-1 {
	width:490px;
	float:left;
}
/*カラーチャート*/

.colortable {
	font-size:9px;
	border-collapse:separate;
}
.colortable td {
	text-align:center;
	width:47px;
	margin:2px 2px 5px 2px;
	line-height:100%;
	padding:5px 0 10px 0;
}
.c01 {
	border:solid 1px #ccc;
}
.c02 {
	border:solid 1px #ccc;
	background-color:#000000;
}
.c03 {
	border:solid 1px #ccc;
	background-color:#333333;
}
.c04 {
	border:solid 1px #ccc;
	background-color:#A8A8B0;
}
.c05 {
	border:solid 1px #ccc;
	background-color:#CC2F3A;
}
.c06 {
	border:solid 1px #ccc;
	background-color:#F27FBF;
}
.c07 {
	border:solid 1px #ccc;
	background-color:#FF4E94;
}
.c08 {
	border:solid 1px #ccc;
	background-color:#DAA97E;
}
.c09 {
	border:solid 1px #ccc;
	background-color:#FE7525;
}
.c10 {
	border:solid 1px #ccc;
	background-color:#FF863D;
}
.c11 {
	border:solid 1px #ccc;
	background-color:#3F6815;
}
.c12 {
	border:solid 1px #ccc;
	background-color:#999900;
}
.c13 {
	border:solid 1px #ccc;
	background-color:#88B36E;
}
.c14 {
	border:solid 1px #ccc;
	background-color:#F4CF28;
}
.c15 {
	border:solid 1px #ccc;
	background-color:#FFFF00;
}
.c16 {
	border:solid 1px #ccc;
	background-color:#082C8C;
}
.c17 {
	border:solid 1px #ccc;
	background-color:#1888C6;
}
.c18 {
	border:solid 1px #ccc;
	background-color:#53B8DB;
}
.c19 {
	border:solid 1px #ccc;
	background-color:#46C7EA;
}
.c20 {
	border:solid 1px #ccc;
	background-color:#B5D7E7;
}
.price-left {
	margin:20px 0 0 0px;
	float:left;
	width:171px;
}
.price-right {
	width:443px;
	float:right;
	margin:10px 0 0 5px;
}
.about-book-left {
	float:left;
	width:286px;
	margin:0 10px 0 0;
}
.about-book-right {
	float:left;
	width:144px;
}
.tbmgn5 {
	margin-top:5px;
	margin-bottom:5px;
}
.about-book-image {
	background-image: url(images/about_book/about-book_image.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:670px;
	height:520px; /*520*/
	position:relative;
	top:0;
	left:0;
}
.about-book-image .catch01 {
	position:absolute;
	top:400px;
	left:20px;
}
.about-book-image .catch02 {
	position:absolute;
	top:465px;
	left:249px;
}
.about-book-image .catch03 {
	position:absolute;
	top:465px;
	left:480px;
}
/* about-cal****/

.about-cal-left {
	width:550px;
	float:left;
	display:inline;
	margin-bottom:15px;
}
.about-cal-right {
	width:77px;
	float:left;
}
.about-cal-left-2 {
	float:left;
	width:315px;
}
.about-cal-right-2 {
	float:left;
	width:315px;
}

/* ■■■■■■ */
/* ローディング */
/* ■■■■■■ */
   .FreezePaneOff
   {
      visibility: hidden;
      display: none;
      position: absolute;
      top: -100px;
      left: -100px;
   }

   .FreezePaneOn
   {
      position: absolute;
      top: 0px;
      left: 0px;
      visibility: visible;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #666;
      z-index: 999;
      filter:alpha(opacity=90);
      -moz-opacity:0.90;
      padding-top: 20%;
margin:0 auto;
   }


*html .FreezePaneOn
   {
      position: relative;
      top: 0px;
      left: 0px;
      visibility: visible;
      display: block;
      width: 100%;
      height: 100%;
      background-color: #666;
      z-index: 999;
      filter:alpha(opacity=90);
      -moz-opacity:0.90;
      padding-top: 20%;
padding-bottom: 20%;
margin:auto;
text-align:center;
   }


   .InnerFreezePane
   {
      text-align: center;
      width: 66%;
      background-color: White;
      color: #FF6600;
      font-size: normal;
	font-weight:bold;
      border: dotted 1px red;
      padding: 9px;
margin:0 auto;
display:block;
   }

.fieldarea{padding:5px 0px 5px 0px;virtical-align:center;}

.ad {
	color: #999999;
	font-size: 10px;
	margin:0 auto;
}

.ad a {
	color: #999999;
	font-size: 10px;
}

.red {color:#ff0000;}
s { text-decoration:line-through; } 


.pics {
      height:  320px;
      width:   670px;
      top:  9px;
      padding: 0;
      margin:  0;
  }

.pics img {
      width:  670px;
      height: 300px;
      left: 0;
 }