@charset "utf-8";

/*
*	Title: Petitlogue 外部基本CSS
*	URI: http://www.petitlogue.jp/
*	Last Modified: 2008-02-10
*	Author: Melia corp.
*/

/*======================================

	1-0. base setting
	
=======================================*/
* {
	margin : 0;
	padding : 0;
	border-color: #C00;
	}
	
body {
	line-height : 1.8em;
	font-family : 'Meiryo', verdana, 'Hiragino Kaku Gothic Pro', Osaka, 'MS Pgothic', sans-serif;
	color : #333333;
	font-size : 10pt;
	background: url(/images/common/top_back_image.jpg) repeat-x #FFF;
}

a:link { color : #0066FF; text-decoration:underline; }
a:visited { color : #0066FF; text-decoration:underline; }
a:hover { color :#ff6600; text-decoration:underline; }
a:active { color : #ff6600; text-decoration:underline; }

#allPetitlogue {
	width: 860px;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	padding-bottom: 1em;
	margin: 0 auto;
}
#allPetitlogue, #allPetitlogue table {
	color: #736864; /* 文字色 */
	background-color: #fff; /* 背景色 */
}
#allPetitlogueSub {
	width: 100%;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	padding-bottom: 1em;
	margin-top: 10px;
}
#allPetitlogueSub, #allPetitlogueSub table {
}

table {
	font-size: inherit;
	font: 100%;
}

select,
input,
textarea {
	font-size: 99%;
}

p,
pre,
cite,
blockquote {
	font-size: 100%;
}

li,dt,dd {
	font-size: 100%;
}

* {
	line-height: 1.5;
	font-style: normal;
}

/*======================================

	1-0. utility
	
=======================================*/
.imeOff {
	ime-mode: disabled;
}
.small {
	font-size: 80%;
}
.toLink {
	height: 25px;
	padding-left: 30px;
	background-image: url(/images/common/yajirusi.gif);
	background-repeat: no-repeat;
}


/*======================================

	1-0. parts
	
=======================================*/
/* ------------------
nomPage
--------------------*/
/* タイトル部 */
#bodyHeader {
	margin: 0;
	background: url(/images/common/top_header_back.jpg) repeat-y right top;
}

#bodyHeader h1 {
	display: none;
}

#bodyHeader .titleImage {

}

#bodyHeader IMG {
	border: none;
	margin: 0;
	padding: 0;
}
#bodyHeader A {
	text-decoration: none;
}
#bodyHeader A:link {
	color: #5d0032;
}
#bodyHeader A:visited {
	color: #5d0032;
}
#bodyHeader A:hover {
	color: #5d0032;
}

#bodyHeader .bottomsButtons {
	background: url(/images/common/top_menu_back.gif) repeat-x left top;
	margin: 0;
	height: 40px;
}
#bodyHeader .bottomsButtons ul {
	margin: 0 auto 0 auto;
	width: 800px;
}
#bodyHeader .bottomsButtons ul li {
	margin: 0;
	padding: 0 0 0 0;
	float: left;
	width: 160px;
	height: 30px;
	list-style-type: none;
	list-style-image: none;
}
#bodyHeader .bottomsButtons ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
#bodyHeader .bottomsButtons ul li span {
	display: none;
}
#bodyHeader .bottomsButtons ul li.buttonHome {
	background: url(/images/common/header_navi_home.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonHome A:hover {
	background: url(/images/common/header_navi_home_hov.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonRegist {
	background: url(/images/common/header_navi_reg.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonRegist A:hover {
	background: url(/images/common/header_navi_reg_hov.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonWhats {
	background: url(/images/common/header_navi_whats.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonWhats A:hover {
	background: url(/images/common/header_navi_whats_hov.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonWhats2 {
	background: url(/images/common/header_navi_whats2.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonWhats2 A:hover {
	background: url(/images/common/header_navi_whats2_hov.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonNews {
	background: url(/images/common/header_navi_new.gif) no-repeat 0 4px;
}
#bodyHeader .bottomsButtons ul li.buttonNews A:hover {
	background: url(/images/common/header_navi_new_hov.gif) no-repeat 0 4px;
}

/* フッター */
#bodyFooter {
	background: url(/images/common/footer_back.gif) repeat-x;
	clear: both;
	padding: 20px 5px 10px;
	margin-top: 5px;
	text-align: center;
}
#bodyFooterSub {
	clear: both;
	border-top: 3px solid #ddd;
	padding: 2px;
	margin-top: 5px;
	text-align: center;
	font-size: 80%;
}


/* 左カラム部 */
.columnLeft {
}
.columnLeft H3 {
	color: #555;
	border-bottom: 5px solid #FA7D7D;
	font-size:15px;
	font-weight: bold;
	margin: 20px 5px;
	padding: 0 10px;
}
.columnLeft .contents {
	margin: 5px 10px;
	font-size: 10pt;
}
.supplement {
	font-size: 80%;
	margin: 0;
	padding: 5px 5px 10px 5px;
}
.columnMenu {
	padding-bottom: 10px;
}
.columnMenu UL {
	padding: 0;
	margin:  10px 0 10px 10px;
}
.columnMenu UL LI {
	padding: 0 0 0 2px ;
	margin: 10px 20px 10px 15px;
	height: 1.3em;
}
.columnLeft UL {
	padding: 0;
	margin:  10px 0 10px 10px;
}
.columnLeft UL LI {
	padding: 0 0 0 2px ;
	margin: 10px 10px 10px 25px;
}
.columnLeft UL LI UL {
	padding: 0;
	margin: 0;
	list-style-image: none;
	list-style-type: circle;
}
.columnLeft UL LI UL LI{
	padding: 0;
	margin: 0 10px;
	height: 1.6em;
}

.columnText {
	padding: 10px 0 0 10px;
}

/* メイン部分 */
.columnMain {
}
.mainContaints {
	margin: 5px;
}

.columnMain H3 {
	color: #555;
	border-bottom: 8px solid #FA7D7D;
	font-size:15px;
	font-weight: bold;
	margin: 20px 0;
	padding: 0 10px;
}
.columnMain .information {
	border: 1px dotted #5d0032;
	padding: 10px;
	margin: 10px;
	background-color: #fffbfd;
}
.columnMain .adminText {
	border: 1px dotted #5d0032;
	padding: 10px;
	margin: 10px;
	background-color: #fffbfd;
}
.columnMain .comLoginfailed {
	padding: 20px;
}
.columnMain .topInformation {
	margin: 5px 40px 20px;
}


.messageSpace {
	margin: 20px;
	padding: 20px;
	border: 1px dotted #aaa;
	background-color: #fafafa;
}
.logout {
	text-align: center;
}
.MopiAnounce {
	margin: 20px;
	padding: 20px;
	font-size:110%;
	font-weight: bold;
}


/* コーナー */
.corner1 {
	background-image: url(/images/common/c1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.corner2 {
	background-image: url(/images/common/c2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.corner3 {
	background-image: url(/images/common/c3.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.corner4 {
	background-image: url(/images/common/c4.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.line1 {
	background-image: url(/images/common/lc.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.line2 {
	background-image: url(/images/common/lc.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
.line3 {
	background-image: url(/images/common/lr.gif);
	background-repeat: repeat-y;
	background-position: left top;
}
.line4 {
	background-image: url(/images/common/lr.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
.formStyle {
	margin-left: 10px;
	background-color: #fafafa;
}
.formStyle .corner1 {
	background-image: url(/images/common/f1.gif);
}
.formStyle .corner2 {
	background-image: url(/images/common/f2.gif);
}
.formStyle .corner3 {
	background-image: url(/images/common/f3.gif);
}
.formStyle .corner4 {
	background-image: url(/images/common/f4.gif);
}
.formStyle .line1,.formStyle .line2,.formStyle .line3,.formStyle .line4 {
	background-image: url(/images/common/fc.gif);
}
.listStyle {
	margin-left: 10px;
	background-color: #fafafa;
}
.listStyle .corner1 {
	background-image: url(/images/common/f1.gif);
}
.listStyle .corner2 {
	background-image: url(/images/common/f2.gif);
}
.listStyle .corner3 {
	background-image: url(/images/common/f3.gif);
}
.listStyle .corner4 {
	background-image: url(/images/common/f4.gif);
}
.listStyle .line1,.listStyle .line2,.listStyle .line3,.listStyle .line4 {
	background-image: url(/images/common/fc.gif);
}

/*======================================

	1-5.Text Module
	
=======================================*/

p,
pre,
blockquote,
address,
cite {
	margin: 1em 20px 1em;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0.5em 0;
}

h1 {
	font-size: 125%;
	font-weight: bold;
}

h2 {
	font-size: 114%;
	font-weight: normal;
}

h3 {
	font-size: 112%;
}

h4 {
	font-size: 100%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 100%;
}

p {
	line-height: 1.8;
	text-align: justify;
	text-justify: distribute; 
}

pre {
	padding: 0.5em 0 0.5em 20px;
	width: 95%;
	max-width: 85%;
	overflow: scroll;
	color: #666;
	background-color: #f1efeb;
	font-family: "Osaka－等幅", monospace;
}

pre * {
	color: #444;
}

* html pre {
	width: 90%;
}
blockquote {
	margin-left: 40px;
	padding: 0.6em 20px;
	border: 3px solid #e4e2de;
	color: #a09591;
	background-color: #fff;
}

blockquote * {
	margin: 0!important;
	border: none!important;
	color: #a09591;
}

cite {
	display: block;
	color: #333;
	text-align: right;
}

em {
	color: #cc6699;
	font-weight: bold;
}

strong {
}

code {
	font-family: "Osaka－等幅", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #aaa;
	cursor: help;
}

kbd {
	border: 1px solid #ccc;
	padding: 0 0.3em; 
	background-color: #f5f5f5;
	font-family: "Osaka－等幅", monospace;
	text-transform: uppercase;
}

/*======================================

	1-6.Hypertext Module
	
=======================================*/

a:link {
	color: #DC3E92;
}

a:visited {
	color: #DC3E92;
}

a:hover {
	color: #F597E3;
}

/*======================================

	1-7.List Module
	
=======================================*/

ul,
ol,
dl {
	margin: 0.5em 20px;
}

ul,
ol,
dl {
	padding: 1px 0;
}

ul {
	list-style-image: url(/images/common/listmark.gif);
	list-style-type: none;
}

li,
dt,
dd {
	margin: 0.4em 10px;
}

dt {
	margin-top: 0.6em;
}

dd {
	margin-left: 20px;
	margin-bottom: 0.6em;
}

li li,
li p,
li pre,
li dt,
li dd,
dd li,
dd p,
dd pre,
dd dt,
dd dd {
	font-size: 100%;
}

li ul,
li ol,
li dl,
li p,
dd ul,
dd ol,
dd dl,
dd p {
	margin: 0.5em 10px;
}

/*======================================

	1-8.Edit Module
	
=======================================*/

del {
	color: #ccc;
	text-decoration: line-through;
}

del[datetime]::before {
	content: " ( "attr(datetime)"\00524a\009664) ";
}

ins {
	border-bottom: 1px dotted #ccc;
	text-decoration: none;
}

ins[datetime]::before {
	content: " ( "attr(datetime)"\004fee\006b63) ";
}

/*======================================

	1-9.Forms Module
	
=======================================*/
form {
	margin:  0;
	padding: 0;
	width: 100%;
}

form dl,
form p {
	margin: 0;
}

fieldset {
	padding: 0;
	border: 1px solid #e3cbd7;
}

legend {
	color: #ff358b;
	margin: 0;
	padding: 0;
}

input,
textarea,
select {
	margin: 0;
	padding: 1px 0.2em;
	border: 1px solid #bbb;
	font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3",  sans-serif;
	background-color: #fbfbfb;
}

input:hover,
textarea:hover {
	border: 1px solid #e3cbd7;
}

input:focus,
textarea:focus {
	border: 1px solid #cc6699;
}

textarea {
	padding: 0.1em 4px;
}

input.inputField {
	color: #c4a38c;
}

input.submit {
	border-color: #fff;
	color: #fff;
	background-color: #a34848;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

input.before {
	background-color: #5978d4;
}
input.confirm {
	background-color: #1b6903;
}

input.submit:hover {
	background-color: #ff358b;
}

input.radio {
	background-color: transparent;
	background-image: none;
	border: none;
}
input.checkbox {
	background-color: transparent;
	background-image: none;
	border: none;
}

form table {
	border: none;
}
form img {
}
form td {
	text-align: left;
	padding-bottom: 10px;
}
form th {

}

form td span {
	font-size: 12px;
}

form .withBefore {
	text-align: right;
	margin-top: -1.7em;
}

/*======================================

	1-10.Tables Module
	
=======================================*/

table {
	margin: 0;
	background-color: transparent;
	border-collapse: collapse;
	width: 100%;
}

th,
td {
	padding: 3px 10px;
	font-size:90%;
}

th {
	color: #fff;
	background-color: #777;
}

td {
	border-bottom: 2px solid #999;
}

/*======================================

	1-11.Image Module
	
=======================================*/

img {
	vertical-align: bottom;
	border: 1px solid #888;
	padding: 2px;
}

/*======================================

	1-12.Object Module
	
=======================================*/

object,
embed {
	margin: 1em 30px;
}

/*======================================

	1-13.title list Module
	
=======================================*/
ul.listPageTab {
	padding: 0;
	margin: 0 20px;
}
ul.listPageTab li {
	float: left;
	padding: 0;
	width: 18%;
}
ul.listPageTab li.allPage {
	float: right;
}

/*======================================

	1-9.Forms Module
	
=======================================*/
form#mainForm {
	padding: 20px;
	width: 100%;
}
* html form#mainForm {
	width: 92%;
}

form#mainForm dl,
form#mainForm p {
	margin: 0;
}

form#mainForm fieldset {
}

form#mainForm legend {
}

form#mainForm input,
form#mainForm textarea,
form#mainForm select {
	margin: 0 3px;
}

form#mainForm input:hover,
form#mainForm textarea:hover {
}

form#mainForm input:focus,
form#mainForm textarea:focus {
}

form#mainForm textarea {
}

form#mainForm input.inputField {
}

form#mainForm input.submit {
}
form#mainForm input.submit_confirm {
}

form#mainForm input.submit:hover {
}

form#mainForm input.radio {
}

form#mainForm table {
	margin: 0;
	border: transparent;
	background-color: transparent;
	width: 95%;
}
form#mainForm img {
}
form#mainForm td {
	text-align :left;
	padding: 5px 5px 10px;
	border: transparent;
	border-bottom: none;
	background-color: transparent;
}
form#mainForm td.title {
	width: 150px;
}


form#mainForm th {
	border-right: 0px solid white;
	border: transparent;
	background-color: transparent;
}

form#mainForm td span {
	font-size: 12px;
}

form#mainForm .withBefore {
	text-align: right;
	margin-top: -1.7em;
}
form#mainForm .withBefore span{
	margin-right:20px;
}


form#subForm {
	padding: 20px;
	width: 100%;
}

form#subForm dl,
form#subForm p {
	margin: 0;
}

form#subForm fieldset {
}

form#subForm legend {
}

form#subForm input,
form#subForm textarea,
form#subForm select {
	margin: 0 3px;
}

form#subForm input:hover,
form#subForm textarea:hover {
}

form#subForm input:focus,
form#subForm textarea:focus {
}

form#subForm textarea {
}

form#subForm input.inputField {
}

form#subForm input.submit {
}
form#subForm input.submit_confirm {
}

form#subForm input.submit:hover {
}

form#subForm input.radio {
}

form#subForm table {
	margin: 0;
	border: transparent;
	background-color: transparent;
	width: 95%;
}
form#subForm img {
}
form#subForm td {
	text-align :left;
	padding: 5px 5px 10px;
	border: transparent;
	background-color: transparent;
}
form#subForm td.title {
	width: 150px;
}


form#subForm th {
	border-right: 0px solid white;
	border: transparent;
	background-color: transparent;
}

form#subForm td span {
	font-size: 12px;
}

form#subForm .withBefore {
	text-align: right;
	margin-top: -1.7em;
}
form#subForm .withBefore span{
	margin-right:20px;
}

#topPagePhoto {
	background: url(/images/common/top_page_photo.jpg) no-repeat;
	width: 860px;
	height: 218px;
}
#comLoginForm {
	background: url(/images/common/top_login_back.gif) no-repeat;
	font-size: 7pt;
	margin-left: 10px;
	padding: 5px 10px;
}
#comLoginForm dl {
	margin-left: 5px;
}
#comLoginForm dt {
	padding: 0;
	margin: 0;
}