﻿@charset "UTF-8";

*{
margin:0;
padding:0;
font-size: 100%;
list-style-type: none;
}

html, body {
margin: 0;
padding: 0;
background: #FFFFFF url("/_img/bg.jpg") repeat-x; 
font-family: "メイリオ", Verdana, "Trebuchet MS", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",  monospase; 
font-size: 100%; 
height : 100%; 
}

a{
color:#003399;
text-decoration:none;
}
a:active,
a:hover{
position:relative;
top:-1px;
left:-1px;
color:#AF1701;
text-decoration:underline;
}

a img{
border:none;
}

#topLogoImg {
margin-left:10px;
width : 300px;
height: 70px;
}

#toph1 {
position : absolute;
top:0;
right:10;
text-align:right;
color:#666666;
}

#topBar {
background: #FFFFFF url("/_img/bar.jpg") repeat-x; 
height: 30px;
padding-top:8px;
padding-right:10px;
font-size:90%;
text-align:right;
}

#mainContainer {
float : left;
width: 100%;
margin-right : -200px;
}

#layerLeft {
margin-right: 200px;
padding-right:10px;
}

#layerRight {
width : 200px;
float : right;
}

#intro {
font-size:90%;
color:#333333;
padding-bottom:10px;
}

#step {

}
#sideBar {
border-left:1px dashed #666666;
text-align:center;
}

#footer {
font-size:80%;
color:#666666;
text-align:center;
margin-top:20px;
}

#popularTag {
}

#delForm {
text-align:right;
font-size:90%;
}

#commentForm {
border:1px solid #CCCCCC;
margin-top:20px;
padding:10px;
color:#777777;
}

#commentTitle {
margin-top:20px;
margin-bottom:10px;
padding-bottom:5px;
border-bottom:1px solid #666666;
}

#commentAddTitle {
padding-bottom:10px;
font-weight:bold;
}

#comments {

}

#comments .commentBox {
border:1px solid #E4AE9A;
padding:5px;
margin-bottom:15px;
}

#comments .comment {
padding-bottom:5px;
}

#comments .name {
border-top:1px dashed #E4AE9A;
font-size:80%;
text-align:right;
}

#comments .reg {
font-size:70%
color:#666666;
}

#sideAd {
margin-left:auto;
margin-right:auto;
text-align:center;
border-bottom:1px dashed  #666666;
}

.container {
width:97%;
margin-left:auto;
margin-right:auto;
text-align:left;
padding:10px;
}

.laws {

}

.law {
margin-bottom:15px;
}

.law .id {
font-size:80%;
padding-right:10px;
}

.law .name {
border:1px dashed #C85E35;
background-color: #FFFFFC; 
padding:5px;
color:#B65632;

}

.law .name .lawname {

}

.law .content{
margin-top:5px;
border:1px dashed #CCCCCC;
background-color: #FFFFFF; 
padding:5px;
padding-top:10px;
}

.law .tags {
font-size:80%;
text-align:left;
background-color: #fcfcfc; 
}

.law .sympathy {
text-align:right;
}

.law .sympathyButton {
width:90px;
height:30px;
}

.law .reg {
padding-left:10px;
font-size:70%;
color:#666666;
}

.subTitle {
border-bottom:1px solid #542716;
margin-bottom:10px;
}

.formTitle {

}

.imgMiddle {
vertical-align:middle;
}

.point {
color:#C85E35;
font-size:110%;
font-weight:bold;
}

.formSet {
margin-bottom:20px;
}

.formTitle {
font-size:90%;
font-weight:bold;
color:#B65632;
}

.textNormal {
color:#000000;
font-weight:normal;
}

.lawEdit {
text-align:right;
font-size:80%;
color:#666666;
}

.lawArea {
margin-bottom:10px;
}

.lawText {
font-size:150%;
}

.colorBlack {
color:black;
}

.titleSmall {
	font-size : 10px;
	text-align : left;
}

.textNormal {
	font-size : 15px;
	text-align : left;
}

.textXSmall {
	font-size : 9px;
}

.textH1{
	font-size : 80%;
	font-weight:normal;
}