@charset "utf-8";
#main h1 { padding: 10px 10px 10px 5px; border: 1px solid #CCCCCC; background-image: url(../qa/img/midaBg.jpg); background-repeat: repeat-x; background-position: left center; font-size: 18px; line-height: 1em; font-weight: normal; }
a.backtop { line-height: 1em; background-image: url(../word_grave/img/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 8px; }
#main  h2, #main h3 { padding: 5px; border: 1px solid #CCCCCC; background-image: url(../qa/img/midaBg.jpg); background-repeat: repeat-x; background-position: left center; font-size: 16px; font-weight: normal; }
div#main {
	padding-bottom: 20px;
	width: auto;
}
.group { padding-top: 10px; padding-bottom: 10px; }
.group dt { float: left; padding-right: 10px; font-size: 14px; line-height: 28px; height: 28px; }
.group dd a { text-decoration: none; color: #333333; background-image: url(../word_grave/img/group_bg.jpg); background-repeat: no-repeat; background-position: 0px 0px; display: block; }
.group dd a:hover { text-decoration: none; color: #333333; background-image: url(../word_grave/img/group_bg.jpg); background-repeat: no-repeat; background-position: 0px -28px; display: block; }
.group dd { float: left; font-size: 14px; line-height: 28px; margin-right: 5px; height: 28px; width: 28px; text-align: center; }
h1 span { margin: 0px; border-left-width: 5px; border-left-style: solid; border-left-color: #FF9900; padding-left: 10px; }
#container { padding-top: 16px; }
.list ul { padding-right: 10px; padding-left: 10px; margin-top: 10px; }
.list li {
	background-image: url(../word_grave/img/arrow1.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 18px;
	width: 316px;
	float: left;
	margin-top: 10px;
	font-size: 14px;
	padding-right: 10px;
	line-height: 1.3;
}
#main .list { clear: both; padding-top: 20px; }
h1   strong, h2  strong, h3 strong { color: #003366; }
.backlink p   a  { background-image: url(../word_grave/img/arrow.gif); background-repeat: no-repeat; background-position: left center; padding-left: 8px; font-size: 13px; }
.backlink p { text-align: right; margin: 0px; padding: 0px; }
#main #word { border: 5px solid #99CCCC; padding: 20px; background-color: #EEF7F7; margin-top: 15px; }
.imgL { float: left; padding-right: 15px; }
.imgR { float: rightt; padding-left: 15px; }
#word h2 { font-size: 20px; font-weight: bold; color: #003366; background-image: none; margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; line-height: normal; }
#word p { font-size: 15px; margin-top: 1em; }
div#word      p img { display: inline; }
p.intro   { text-align: center; margin-top: 20px; padding: 10px; background-color: #EEF7F7; border: 4px solid #99CCCC; font-size: 14px; color: #000000; }

#word ul {
	padding-left: 2em;
	list-style-type: disc;
	font-size: 115%;
	margin-top: 10px;
}

#word ol {
	padding-left: 2em;
	list-style-type: decimal;
	font-size: 115%;
	margin-top: 10px;
}
#word h3.normal {
	background: none;
	border: none;
	padding: 0;
	margin-top: 1em;
	font-size: 18px;
	font-weight: bold;
}
#word hr {
	display: block;
	margin-top: 2em;
	margin-bottom: 2em;

}
#word h4 {
	font-size: 16px;
	margin-top: 1em;
}
.adbox {
	padding: 1em;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	background-color: #FFFFFF;
}
.adbox img {
	margin-right: auto;
	margin-left: auto;
	display: block!important;
	margin-top: 5px;
}
.adbox.hint {
	background-image: url(../qa/img/hint.png);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding-left: 110px;
	background-size: 90px auto;
	color: #6F6F6F;
}
#pList, div.title {
box-shadow:rgba(0, 0, 0, 0.278431) 0px 0px 6px 1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.278431) 0px 0px 6px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.278431) 0px 0px 6px 1px;
}
#word .relate {
	margin-top: 1em;
	font-size: 110%;
}
#word .relate dd.inline {
	float: left;
}

#word dl.relate:after {
content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;

}
#word dl.relate ul {
	margin-top: 0px;
}
#word dl.relate ul li {
	font-size: 90%!important;

}

#word .relate dt {
	font-weight: bold;
}
#word .inline dt {
	font-weight: bold;
	float: left;
}

#word .relate dt:before {
	content:"●";
}
#word .inline dt:after {
	content:"：";
}
#word .inline li {
	padding: 0 0;
	float: left;
}
#word .inline li:after {
	content:"・";
}
#word .inline li:last-child:after {
	content:""!important;
}
#word .inline ul {padding-left:0;list-style-type:none;}
#word .column2 ul li > ul { padding-left:0; list-style:none;}
#word .column2 ul li > ul li:before { content:"・";}
#word .column2 ul li > ul li {
	font-size: 90%!important;

}
#banner {width:100%;margin-top:2em;}
#banner img {width:100%;height: auto;}
#banner > div {width:48%;margin:0 1% 1em;float: left;}
#banner a:hover img {filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}

@media screen and (max-width: 480px) {
#banner > div {width:auto;float: none;}
}
