/****************************************

 1.Reset

*****************************************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, figure {
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: normal;
    font-style: normal;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}

*{ letter-spacing:0; } /* IE7の文字拡大用ハック */

ul, li { list-style: none; }

table {
    border-collapse: collapse;
    border-spacing: 0;
}
img{
vertical-align:bottom;
}


/****************************************

 2.共通モジュール

*****************************************/
/*
clearfix
*/
.clearfix:after {
    clear: both;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix {
    overflow: hidden;
    width: 100%;
}

/*
margin
*/
.m_40 {
margin-bottom:40px;
}

.m_30 {
margin-bottom:30px;
}

.m_25 {
margin-bottom:25px;
}

.m_20 {
margin-bottom:20px;
}

.m_15 {
margin-bottom:15px;
}

.m_10 {
margin-bottom:10px;
}

.m_5 {
margin-bottom:5px;
}

.m_3 {
margin-bottom:3px;
}

.mT_5 {
margin-top:5px;
}

.mT_10 {
margin-top:10px;
}

.mT_25 {
margin-top:25px;
}

.mL_15 {
margin-left:15px;
}

.mL_10 {
margin-left:10px;
}

.mL_20 {
margin-left:20px;
}

.mL_25 {
margin-left:25px;
}

.mL_30 {
margin-left:30px;
}

.mR_15 {
margin-right:15px;
}

.mR_10 {
margin-right:10px;
}

/*
テキスト、リンク
*/
.linkIcon {
    background: url("img/common/link-icon.gif") no-repeat scroll left 0.5em transparent;
    padding-left: 12px;
}
.linkIconBlock {
    background: url("img/common/link-icon.gif") no-repeat scroll left 0.6em transparent;
    padding-left: 12px;
	display:block;
}

a {
    color: #0053a6;
    text-decoration: underline;
}

a:hover, a:active {
    color: #bf1d79;
    text-decoration: underline;
}

.small {
    font-size: 85%;
}

.exSmall {
    font-size: 70%;
}

.big {
font-size:115%;
}

.bold {
font-weight:bold;
}

.black{
color:#393939;
}
.red{
color:#FF0000;
}

/*
リスト、フロート、その他など
*/
.listDot li {
    background: url("img/common/list_dot.gif") no-repeat scroll left 0.6em transparent;
    padding-left: 13px;
	margin-bottom:7px;
}

.fL {
float:left;
}
.fR {
float:right;
}

.ta_c {
text-align:center;
}

.ta_r {
text-align:right;
}

.bgGray {
    background-color: #EAEAEA;
    padding: 15px;
}
.bgOrange {
    background-color: #ffefbe;
    padding: 15px;
}
.dotLineBtm{
background: url("img/common/line_dot_gray.gif") repeat-x scroll left bottom transparent;
padding-bottom:10px;
}
.withFul{
width:100%;
}
ul.commentList li {
    margin-bottom: 4px;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
ul.commentList {
    list-style: none outside none;
    margin-bottom: 10px;
}



/****************************************

 3.彩の国法律事務所レイアウト

*****************************************/

/************
トップページ
************/

/*
レイアウト
*/
body {
    color: #10243a;
    font-family: Verdana,Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
    font-size: 14px;
    line-height: 160%;
    position: relative;
}
body#bodySet{
width:auto;
text-align:center;
}
.withSet{
width:940px;
margin:0 auto;
text-align:left;
overflow: hidden;
}
.withSetMargin{
width:960px;
margin:0 auto;
text-align:center;
overflow: hidden;
}
#footer{
background: url("img/common/bg_footer.gif") repeat-x scroll left top transparent;
height:184px;
color:#7E7E7E;
}
.container, .containerKasou{
padding-bottom:80px;
}

/*
ヘッドエリア
*/
#logoArea #logo{
margin:25px 0;
width:207px;
}
#logoArea{
height:126px;
}
#logoArea #headH1{
color:#7e7e7e;
font-size:85%;
}
#logoArea #headRight{
margin-top:25px;
width:600px;
}
#logoArea .headSodan td{
padding:3px 0;
text-align:center;
}
#logoArea .headSodan{
width:450px;
}
#logoArea .headSodanBorder{
border-right: 1px solid #CCCCCC;
}
#logoArea .headLink a{
color:#10243a;
text-decoration:none;
}
#logoArea .headLink a{
color:#10243a;
text-decoration:none;
}
#logoArea .headLink a:hover, #logoArea .headLink a:active{
color: #bf1d79;
text-decoration: none;
}
.headlinkIcon {
    background: url("img/common/head_link_icon.gif") no-repeat scroll left 0.5em transparent;
    padding-left: 12px;
}

/*
Gナビ
*/
.globalNav {
height: 61px;
background: url("img/common/bg_gnavi.gif") repeat-x scroll 0 100% transparent;
}
.globalNav .withSet{
overflow:hidden;
}

/*
メインビジュアル
*/
#mainVisCont{
background: url("img/index/bg_main.gif") repeat-x scroll 0 0 transparent;
height:378px;
}
#mainVisCont .topMainVisual{
margin:25px auto 0;
width:940px;
height:336px;
}

/*
コンテンツエリア
*/
.container .halfBoxBtm, .containerKasou .halfBoxBtm{
width:450px;
background: url("img/common/bg_halfbox_btm.gif") no-repeat scroll left bottom transparent;
}
.container .halfBoxNorm, .containerKasou .halfBoxNorm{
background: url("img/common/bg_halfbox_norm.gif") repeat-y scroll left bottom transparent;
}
.container .halfBoxPen{
background: url("img/index/bg_halfbox_pen.jpg") no-repeat scroll left 41px transparent;
}
.container .halfBoxTtl, .containerKasou .halfBoxTtl{
background: url("img/common/bg_halfbox_ttl.gif") no-repeat scroll left top transparent;
height:42px;
}
.container .halfBoxTtl h2, .container .fulBoxTtl h2, .containerKasou .halfBoxTtl h3, .containerKasou .fulBoxTtl h3{
font-size:117%;
font-weight:bold;
padding:11px 10px 0 13px;
}
.container .halfBoxCont, .container .fulBoxCont, .containerKasou .halfBoxCont, .containerKasou .fulBoxCont{
padding:13px 13px 45px
}
.container .halfBoxCont .penBoxInner{
margin-left:141px;
}
.container .fulBoxTtl, .containerKasou .fulBoxTtl{
background: url("img/common/bg_fulbox_ttl.gif") no-repeat scroll left top transparent;
height:42px;
}
.container .fulBoxNorm, .containerKasou .fulBoxNorm{
background: url("img/common/bg_fulbox_norm.gif") repeat-y scroll left bottom transparent;
}
.container .fulBoxBtm, .containerKasou .fulBoxBtm{
width:940px;
background: url("img/common/bg_fulbox_btm.gif") no-repeat scroll left bottom transparent;
}
.overflow{
padding:13px 13px 45px;
overflow:hidden;
}

/*
お知らせ
*/
.topics dt{
width:13em;
float:left;
padding:7px 0;
color:#666666;
}
.topics dd{
padding:7px 7px 7px 15em;
background: url("img/common/line_dot_gray.gif") repeat-x scroll left bottom transparent;
}
/*
お問い合わせ・地図
*/
.container .info, .container .map, .containerKasou .info, .containerKasou .map{
position:relative;
color: #0053a6;
width:470px;
height:322px;
}
.container .info .tel, .containerKasou .info .tel{
position:absolute;
top:78px;
left:150px;
font-size:160%;
}
.container .info .fax, .containerKasou .info .fax{
position:absolute;
top:128px;
left:150px;
font-size:160%;
}
.container .info .mail, .containerKasou .info .mail{
position:absolute;
top:178px;
left:150px;
font-size:125%;
}
.container .info .address, .containerKasou .info .address{
position:absolute;
top:225px;
left:150px;
font-size:113%;
}
.container .map .googleMap, .containerKasou .map .googleMap{
position:absolute;
top:18px;
right:26px;
font-size:95%;
}
/*
footer
*/
#footer p, #footer .footLink,  #footer .footLink:hover{
color:#7E7E7E;
text-decoration:none;
}

/************
下層ページ
************/
#kasouH2Cont{
background: url("img/index/bg_main.gif") repeat-x scroll 0 0 transparent;
height: 109px;
}
#kasouH2Cont h2.kasouH2{
margin:45px 0 5px;
color:#808080;
font-size:190%;
}
.containerKasou{
background: url("img/common/bg_container_kasou.gif") no-repeat center top scroll transparent;
padding-top:25px;
}
.logoEx{
background: url("office/images/bg_logo.gif") no-repeat 0 0 scroll transparent;
width:940px;
height:172px;
}
.logoEx .logoExText{
padding:25px 25px 25px 300px;
}
h4.ttlH4{
background: url("img/common/ttl_h4.gif") no-repeat 0 0 scroll transparent;
padding:5px 9px;
font-weight:bold;
margin:0 -10px 7px -10px;
}
.sectionB2With h4.ttlH4, .sectionB h4.ttlH4{
margin:0 -5px 7px -5px;
}
h5.ttlH5{
font-weight:bold;
text-decoration:underline;
margin:0 -5px 5px -5px;
}
div.sectionA{
    clear: both;
    margin-bottom: 30px;
	padding-left: 10px;
    padding-right: 10px;
}
div.sectionB{
    clear: both;
    margin-bottom: 22px;
	padding-left: 5px;
    padding-right: 5px;
}
div.sectionB2Left{
float:left;
	padding-left: 5px;
    padding-right: 5px;
	width:420px;
}
div.sectionB2Right{
float:right;
	padding-left: 5px;
    padding-right: 5px;
}
.sectionB2With{
	width:420px;
}
.basicInfoTbl td, .basicInfoTbl th, .basicTable td, .basicTable th {
    border: 1px solid #A1A1A1;
    padding: 3px 5px;
    vertical-align: middle;
}
th {
    background-color: #DEDEDE;
}
.graycell {
    background-color: #ECECEC;
}
.basicTable {
    width: 100%;
}
.inlineBlock{
display:inline-block;
margin-right:20px;
}