/* コンテナ */
div#container	{width: 850px;
	margin: auto;}

/* ヘッダー */
div#header	{
background: url(http://www.copamag.com/pagedesign/copalogo-green.gif) no-repeat 0 0 ;
	background-color: #ffffff;
	padding-top: 0px;
	padding-left: 250px;
	padding-bottom: 10px
}

div#header h1	{font-size: 1.25em;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	margin: 0 20px}

div#header h1 a	{text-decoration: none;
	color: #73BE1E}

div#header img	{border: none}

div#header p	{font-size: 0.875em;
	color: #73BE1E;	
	margin: 8px 20px 20px}


/* コンテンツ */
div#content	{width: 650px;
	background-color: #ffffff;
	float: left;
margin-top: 5px;}

/* WEBコンテンツ */
div#web-content	{width: 800px;
	background-color: #ffffff;
	}

p#pagetitle	{font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding-left: 5px;
	margin-top: 0px
}


/* 記事 */
div.post	{
	padding-top: 0px;
padding-left: 15px;
padding-right: 15px;
	margin: 5px auto}

div.post h2	{background-image: url(http://www.copamag.com/pagedesign/mark-green.gif);
	background-repeat: no-repeat;
        background-color: #73BE1E;
	font-size: 0.75em;
        color: #FFFFFF;
        font-weight: normal;
	padding-top: 5px;
	padding-left: 35px;
	padding-bottom: 5px}

div.post h2 a	{text-decoration: none;
	font-size: 1.00em;
	color: #FFFFFF}

div.post h2 a:hover{color: #FFF000;}

div.honbun a	{text-decoration: none;
	font-size: 1.00em;
	color: #FF8000; padding: 5px}

div.honbun	{font-size: 1.00em;
	line-height: 1.6;
	margin-top: 10px;
}

div.honbun a:hover {color:#ff8000; background:#EAEFFF; padding: 5px} 


div.honbun p	{margin-top: 0}

div.recmore {font-size: 0.5em;}

p.postinfo	{font-size: 0.75em;
	color: #005890;
	text-align: right;
	margin: 20px 0 0;
	clear: both}

p.postinfo a	{color: #005890}


/* 記事内の画像 */
.mt-enclosure-image img	{border: none}


/* ページリンク */
p.pagelink a	{font-size: 0.75em;
	color: #005890}

span.pageprev	{float: left}

span.pagenext	{float: right}


/* コメント */
div#comments	{clear: both;
	border: solid 1px #005890;
	padding: 10px 18px;
	margin: 60px 0 20px}

div#comments h3	{font-size: 0.875em;
	border-bottom: solid 1px #005890;
	padding-bottom: 3px}

div#comment-greeting	{font-size: 0.75em}

div#comments label	{font-size: 0.75em}

div#comments-open-data div, 
div#comment-form-reply, 
div#comments-open-text
div#comments-open-captcha,
div#comments-open-footer	{margin-top: 10px}

textarea	{width: 400px;
	height: 170px}

div.compost	{font-size: 0.75em;
	border-bottom: dotted 1px #4babe3}

p.cominfo	{text-align: right}

div#comments a	{color: #005890}

body.mt-comment-preview div#comments
	{width: 515px;
	margin-left: auto;
	margin-right: auto}

body.mt-comment-error div#comments
	{width: 515px;
	margin-left: auto;
	margin-right: auto}

/* トラックバック */
div#tb	{border: solid 1px #005890;
	padding: 10px 18px;
	margin: 20px 0}

div#tb h3	{font-size: 0.875em;
	border-bottom: solid 1px #005890;
	padding-bottom: 3px}

p#tburl	{font-size: 0.75em;
	background-color: #88ccff;
	padding: 8px;
	margin-bottom: 30px}

div.pingpost	{font-size: 0.75em;
	border-bottom: dotted 1px #4babe3}

p.pinginfo	{text-align: right}

div#tb a	{color: #005890}

/* サイドバー */
div#sidebar	{width: 185px;
	background-color: #ffffff;	
	float: right;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
}

div#sidebar h2	{background-image: url(http://www.copamag.com/pagedesign/bar.jpg);
	background-repeat: no-repeat;
	font-size: 0.75em;
	color: black;
	padding: 6px 30px;
	margin-bottom: 0}

div#sidebar li	{font-size: 0.75em;
	list-style-type: none;
	margin-bottom: 4px;
	background-image: url(http://www.copamag.com/pagedesign/mark-cat.jpg);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 12px;
	vertical-align: top}

div#sidebar li a	{color: #000000;
	text-decoration: none}

div#sidebar li li	{font-size: 1em;
	background-image: url(http://www.copamag.com/pagedesign/mark-cat2.jpg)}

div#sidebar ul	{margin: 8px;
	padding: 0}

div#sidebar a:hover
{
opacity:0.8;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
background: #fff;
}

/* サイドバーリンク */
div#sidebar a	{text-decoration: none;
	font-size: 1.00em;
	color: #FF8000; padding: 5px}

/* フィード */
p.feed	{font-size: 0.75em;
	font-family: Verdana, Helvetica, sans-serif;
	padding: 5px;
	margin: 25px 0}

p.feed a	{color: #444444;
	text-decoration: none}

p.feed img	{vertical-align: middle;
	margin-right: 8px}

/* フッター */
div#footer	{
	width: 650px;
	background-color: #ffffff;
	clear: both;
	float: left;
	text-align: center;
}

address	{font-size: 0.75em;
	font-style: normal;
	font-family: Verdana, sans-serif;
	padding-top: 6px}

address a	{color: #000000}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	background-image: url(http://www.copamag.com/images/bggl.gif);
	background-repeat: repeat-y;
}


.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #D92B00;
	color : #D92B00;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #D92B00;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
/*	font-weight: bold;*/
}
.form-row {
	clear: both;
	padding: 0.5em;
}

.field-label {

}

.field-widget {

}

.aform-header{
	font-size: 100%;
	font-weight: bold;
	margin: 1em 0 1em;
	padding: 3px 0;
	border-bottom: 1px solid #ccc;
}
.aform-hdln{
	font-size: 120%;
	font-weight: bold;
	margin: 2em 0 0.5em;
	padding: 3px 0;
	border-bottom: 1px dotted #ccc;
}

div.aform-content dl{
	margin-bottom: 2em;
}
div.aform-content dl dt{
	font-weight: bold;
	margin-bottom: 0.5em;
}
div.aform-content input.aform-checkbox,
div.aform-content input.aform-radio{
	margin-right: 5px;
	vertical-align:middle;
}
div.aform-content span.required{
	color:#fff;
	font-weight: normal;
	background:#D92B00;
}
div.aform-content .aform-input-example{
	color:#555;
	margin-bottom: 0.5em;
}
div.aform-content .aform-note{
	margin-bottom: 1em;
	padding: 5px 8px;
	background:#f3f3f3;
}

div.aform-content .submit{
	margin-top:20px;
	padding:15px 20px;
	border-top:1px solid #ccc;
	text-align:center;
}
div.aform-content .submit input{
	margin:0 6px;
	padding:2px 8px;
	font-size:110%;
}

div.aform-content p.powerdby{
	text-align: right;
	font-size: 70%;
	margin: 1em 0;
}
div.aform-content p.powerdby a{

	color: #fff;
	padding:0 5px;
	background:#BAD7E4;
	text-decoration:none;
}
div.aform-content p.powerdby a:hover{
	background:#75AECA;
}

div.aform-content .aform-demo{
	text-align: center;
	margin: 2em 0;
	padding: 5px 10px;
	border: 1px solid #EE7BA0;
	background: #FDECF1;
}
div.aform-content .aform-demo a{
	color: #903;
	font-weight:bold;
	margin: 0 5px;
}

/* オススメ */
div.recpost	{
	padding: 18px;
	margin: 20px auto}

div.recpost h2	{background-image: url(http://www.copamag.com/pagedesign/mark-green.gif);
	background-repeat: no-repeat;
        background-color: #73BE1E;
	font-size: 0.75em;
        color: #FFFFFF;
        font-weight: normal;
	padding-top: 5px;
	padding-left: 35px;
	padding-bottom: 5px}

div.recpost h2 a	{text-decoration: none;
	font-size: 1.00em;
	color: #FFFFFF}

div.recpost h2 a:hover{color: #FFF000;}

div.rechonbun a	{text-decoration: none;
	font-size: 1.00em;
	color: #FF8000}

div.rechonbun	{font-size: 1.00em;
	line-height: 1.6;
	margin-top: 10px}

div.rechonbun a:hover {color:#ff8000; background:#EAEFFF;} 

div.rechonbun p	{margin-top: 0}



/*----------------------------------*/

#aform_result{
	color: #c00;
	font-weight: bold;
	font-size: 110%;
	margin: 15px auto;
	padding: 10px 15px;
}
#aform_result a{
	margin: 0 1em;
}

/*----------------------------------*/

div.aform-content dl{
	border-bottom:1px dotted #eee;
}