@charset "utf-8";

/*
*	Title: Petitlogue BLOG基本CSS 1.001
*	URI: http://www.petitlogue.jp/
*	Last Modified: 2008-03-20
*	Author: Melia corp.
*/

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

	1-0. base setting
	
=======================================*/
#blogPage #bodyHeader {
	font-size: 8px;
	padding: 0 5px 5px;
	border-bottom: 1px solid #ddd;
	text-align : right;
}

#blogPage #bodyFooter {
	clear: both;
	border-top: 2px solid #aaa;
	padding: 5px;
	margin-top: 5px;
	text-align: center;
}

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

	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;
}
.adminInformation {
	margin: 10px;
	padding: 10px;
	border: 2px dotted #ccc;
}

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

	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: #a44;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
}

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

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-9.Forms Module
	
=======================================*/
form#mainForm {
	margin: 10px 10px;
	padding: 20px 0;
	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: 10px;
	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;
	border-right:  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;
}
.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);
}

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

	3. ad module
	
=======================================*/
.petitlogueAdText {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 140px;
	background-color: white;
	text-align: center;
	padding: 5px;
	opacity: 0.3;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=30);
}
.petitlogueAdText:hover {
	opacity: 1.0;
    filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=100);
}
.petitlogueAdText .text {
	font-size: 60%;
	margin: 5px;
}
.petitlogueAdText .pr {
	margin: 5px;
	font-size: 80%;
}