@charset "UTF-8";

/* clearfix
------------------------------------*/
#header:after, #guide #search .keyword:after, #intro:after, #intro ul:after, #nav ul:after, #main:after, #guide .list:after, #guide .list dl:after, #guide .subsectioninner dl:after, #guide #contents .boxwrap:after, #guide .column4bg:after, #guide .column04bg:after, #guide .column03bg:after, #guide .column02bg:after, #guide .column01bg:after, #guide .column2bg:after,#guide .sectioninner1 li a:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#header, #guide #search .keyword, #intro, #intro ul, #nav ul, #main, #guide .list, #guide .list dl, #guide .subsectioninner dl, #guide #contents .boxwrap, #guide .column4bg, #guide .column04bg, #guide .column03bg, #guide .column02bg, #guide .column01bg, #guide .column2bg,#guide .sectioninner1 li a {
	display:inline-block;
}
/* exlude MacIE5 \*/
* html #header, #guide #search .keyword, * html #intro, * html #intro ul, * html #nav ul, * html #main, * html #guide .list, * html #guide .list dl, * html #guide .subsectioninner dl, *html #guide #contents .boxwrap, * html #guide .column4bg, * html #guide .column2bg, * html #guide .sectioninner1 li a {
	height:1px;
}

#header, #guide #search .keyword, #intro, #intro ul, #nav ul, #main, #guide .list, #guide .list dl, #guide .subsectioninner dl, #guide #contents .boxwrap, #guide .column4bg, #guide .column04bg, #guide .column03bg, #guide .column02bg, #guide .column01bg, #guide .column2bg,#guide .sectioninner1 li a  {
	display:block;
}
/* end MacIE5 */

#r52_bread_style0002 {
width: 688px;
padding-right: 200px;
}

#bookmark {
margin-top: -27px;
float: right;
width: 648px !important;
}

/* #guide
-------------------------------------------------------------------------------*/
#guide {
font-size: 75%;
line-height: 1.2;
}

#guide .section {
margin: 0 0 15px 0;
padding: 0 0 2px 0;
width: 658px;
background-image: url(/guide/img/img_guide2013/section_bg2.gif);
background-position: bottom;
background-repeat: no-repeat;
}

#guide .sectioninner1,
#guide .sectioninner2 {
background-repeat: repeat-y;
zoom: 1;
padding: 0 10px 1px;
}

#guide .sectioninner,
#guide .sectioninner1 {
background-image: url(/guide/img/img_guide2013/section_bg1.gif);
padding: 0 10px 1px;
zoom: 1;
}

#guide .sectioninner1 li {
background-image: none;
width: 202px;
float: left;
margin: 0 10px 0 0;
display: inline;
padding-left: 2px;
padding-bottom: 10px;
}

#guide .sectioninner2 {
background-image: url(/guide/img/img_guide2013/section_bg3.gif);
}

#guide h2 {
margin: 0 -10px 10px;
padding: 11px 14px 0px;
height: 24px;
background-repeat: no-repeat;
}

#guide .sectioninner1 h2 span {
color: #FFF;
margin: 2px;
}

#guide a:hover {
text-decoration: none;
}

#guide .subsection {
background-image: url(/guide/img/img_guide2013/knowhow_check_sub_bg1.gif);
background-repeat: repeat-y;
margin: 0 0px 10px 2px;
}

#guide .subsectioninner {
background-image: url(/guide/img/img_guide2013/knowhow_check_sub_bg2.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 0 1px 2px 0;
zoom: 1;
}

#guide .subsectioninner dl {
width: 612px;
margin: 0 0 12px 0;
padding: 0 12px;
float: none;
display: block;
/* clearfix */
}

#guide .subsectioninner h3 {
height: 22px;
}

#guide .subsectiontop {
padding-top: 10px;
background-image: url(/guide/img/img_guide2013/site_sub_bg.gif);
background-repeat: no-repeat;
background-position: top;
zoom: 1;
}

#guide h3,
#guide p,
#guide li {
margin: 0 0 8px;
}

#guide .year {
margin: 0 0 0 15px;
}

#guide .last {
margin-right: 0 !important;
}

#guide .subsection .btn{
width: 80px;
height: 20px;
margin: 0 auto 10px;
}

#guide .subsection .btn a {
display: block;
padding: 4px 16px 4px 4px;
background-repeat: no-repeat;
height: 12px;
width: 62px;
text-decoration: none;
color: #535353;
text-align: center;
}

#guide .subsection .btn .off {
background-image: url(/guide/img/img_guide2013/knowhow_check_subbtn_off.gif);
}

#guide .subsection .btn .on {
background-image: url(/guide/img/img_guide2013/knowhow_check_subbtn_on.gif);
}

#guide .subsection .open {
display: none;
}

#guide .subsection .open ul {
margin: 10px 10px 0;
}

#guide .subsectionimg {
background-repeat: no-repeat;
background-position: right bottom;
padding-bottom: 10px;
}

#guide li {
background-image: url(/guide/img/img_guide2013/guide_arrow.gif);
background-position: 0 4px;
background-repeat: no-repeat;
padding-left: 12px;
}

#guide ul .last {
border-bottom: none;
padding-bottom: 0;
}

#guide li img,
#guide dt img {
vertical-align: text-bottom;
}

#guide #contents {
width: 672px;
float: left;
}

#guide #contents .thumb {
width: 98px;
float: left;
margin: 0 0 0 10px;
border: 1px solid #d6d6d6;
}

#guide #contents .boxwrap {
/* clearfix */
}

#guide #contents .box {
width: 505px;
float: right;
margin: 0 10px 10px 0;
display: inline;
}

#guide .side {
width: 216px;
float: right;
margin: 0 0 10px 0;
}

#guide .side h3{
    margin-bottom: 0;
}
#guide .side .content {
background-image: url(/guide/img/img_guide2013/side_bg2.gif);
background-repeat: repeat-y;
margin: 0 0 15px 0;
}

#guide .side .contentinner {
background-image: url(/guide/img/img_guide2013/side_bg3.gif);
background-repeat: no-repeat;
background-position: bottom;
padding-bottom: 2px;
position: relative;
}

#guide .side .txt {
background-color: #FFF;
padding: 4px;
border: 4px solid;
}

#guide .side ul {
margin: 0 2px;
padding: 10px;
}

#guide .side .more {
text-align: right;
margin: 0 2px;
padding: 0 10px 10px 10px;
}

#guide .side .more a {
padding: 0 10px 0 0;
background-repeat: no-repeat;
background-position: right center;
}

#guide .side .btn,
#guide .side .mtop20 {
margin: 0 0 15px 0;
padding: 0;
}

#guide .list {
/* clearfix */
}


/*↓20150527追加↓*/

#guide .side .sideBox {
    background: transparent url("/img/bg_19.gif") no-repeat scroll 0 100%;
    margin-bottom: 14px;
    padding-bottom: 3px;
    width: 215px;
}

#guide .side .sideBox h2.re {
    background: transparent url("/img/bg_tit_05.png") no-repeat scroll 0 0;
    height: 34px;
    padding: 0 0 0 12px;
margin:0 !important;
}

#guide .side .sideBox h2.re img {
    display: inline-block;
    margin-top: 12px;
}

#guide .side .sideBox .sideBoxInner {
    background: transparent url("/img/bg_18.gif") repeat-y scroll 0 0;

}
#guide .side .sideBox ul.lastChild {
    background: transparent none repeat scroll 0 0;
    margin-bottom: 0;
    padding: 10px 10px 5px !important;
}
/*↑20150527追加↑*/

/*↓DODAのサービス20150601追加↓*/
#guide .column4bg,
#guide .column04bg { /*4つ*/
background-image: url(/guide/img/img_guide2013/footer_content_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 868px;
margin: 0 0 8px 0;
min-height: 120px;
/* clearfix */
}

#guide .column03bg { /*3つ*/
background-image: url(/guide/img/img_guide2013/3bg.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 868px;
margin: 0 0 8px 0;
min-height: 120px;
/* clearfix */
}

#guide .column02bg { /*2つ*/
background-image: url(/guide/img/img_guide2013/2bg.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 868px;
margin: 0 0 8px 0;
min-height: 120px;
/* clearfix */
}

#guide .column01bg { /*1つ*/
background-image: url(/guide/img/img_guide2013/1bg.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 868px;
margin: 0 0 8px 0;
min-height: 120px;
/* clearfix */
}

#guide .column4bgwrap {
background-image: url(/guide/img/img_guide2013/footer_category_ttl_bg.gif);
background-position: top;
background-repeat: no-repeat;
padding: 1px 0 0 0;
}

#guide .column4bg dl,
#guide .column4bg li,
#guide .column04bg dl,
#guide .column04bg li,
#guide .column03bg dl,
#guide .column03bg li,
#guide .column02bg dl,
#guide .column02bg li,
#guide .column01bg dl,
#guide .column01bg li  {
width: 211px;
float: left;
margin: 0 8px 0 0;
padding: 0;
font-size: 83%;
background-image: none;
display: inline;
zoom: 1;
}

#guide .column4bg .last,
#guide .column04bg .last,
#guide .column03bg .last,
#guide .column02bg .last,
#guide .column01bg .last {
margin-right: 0;
}

#guide .column4bg dt,
#guide .column04bg dt,
#guide .column03bg dt,
#guide .column02bg dt,
#guide .column01bg dt {
border: 1px solid #d6d6d6;
width: 207px;
height: 68px;
margin: 0 1px;
position: relative;
}

#guide .column4bg img,
#guide .column04bg img,
#guide .column03bg img,
#guide .column02bg img,
#guide .column01bg img {
position: absolute;
}

#guide .column4bg dd,
#guide .column04bg dd,
#guide .column03bg dd,
#guide .column02bg dd,
#guide .column01bg dd {
padding: 10px;
}

#guide .column4bg .txt,
#guide .column04bg .txt,
#guide .column03bg .txt,
#guide .column02bg .txt,
#guide .column01bg .txt {
padding: 7px;
}

#guide .column4bg .txt,
#guide .column04bg .txt,
#guide .column03bg .txt,
#guide .column02bg .txt,
#guide .column01bg .txt {
padding-top: 2px;
}

#guide .column4bg li .ttl,
#guide .column04bg li .ttl, 
#guide .column03bg li .ttl,
#guide .column02bg li .ttl,
#guide .column01bg li .ttl  {
text-indent: -5000px;
}

/*↑DODAのサービス20150601追加↑*/


#guide .column2bg {
background-image: url(/guide/img/img_guide2013/footer_more_bg.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 868px;
margin: 0 0 8px 0;
}

#guide .column2bg .list {
width: 429px;
float: left;
margin: 0 9px 0 0;
}

#guide .column2bg .ttl {
background-image: url(/guide/img/img_guide2013/footer_more_ttl_bg.gif);
background-repeat: no-repeat;
width: 414px;
height: 30px;
padding: 7px 0 0 15px;
}

#guide .column2bg ul {
padding: 0 10px;
}

* html #guide .column2bg li {
background-position: 0 6px;
}

*+html #guide .column2bg li {
background-position: 0 6px;
}


/* #header
-------------------------------------------------------------------------------*/
#header {
/* clearfix */
}

#guide #header {
margin-bottom: 5px;
width: 888px;
background: none;
padding-bottom: 0;
margin-top: 0;
}

#header p {
padding: 0;
}

/* #ttl
-------------------------------------------------------------------------------*/
#guide #ttl {
width: 563px;
float: left;
}

#guide #ttl h1 {
margin-bottom: 9px;
}
.fontg { font-size: 96%; padding-left: 3px !important;}

/* #search
-------------------------------------------------------------------------------*/
#guide #search {
float: right;
width: 282px;
text-align: right;
position: relative;
z-index: 10;
}

#guide #search img {
vertical-align: middle;
}

#guide #search #formwrap {
width: 190px;
margin-left: 10px;
float: right;
z-index: 9;
position: absolute;
left: 82px;
}

#guide #search form {
display: inline;
}

#guide #search .label {
padding: 6px 2px 0 0;
float: left;
}

#guide #search .keyword {
margin: 10px 0 0 0;
padding: 0;
float: right;
position: absolute;
width: 279px;
top: 22px;
left: 0;
z-index: 0;
/* clearfix */
}

#guide #search .keyword h3 {
width: 86px;
height: 18px;
float: left;
display: inline;
}

#guide #search .keyword ul {
width: 188px;
margin: 3px 0 0 0;
padding: 0 0 0 5px;
float: left;
font-size: 80%;
}

* html #guide #search .keyword ul {
font-size: 74%;
}

*+html #guide #search .keyword ul {
font-size: 74%;
}

#guide #search .keyword ul {
font-size: 74%\9;
}

#guide #search .keyword li {
float: left;
background-image: none;
padding: 0;
}

#guide #search .keyword li a {
padding: 0 2px;
}

#guide #search .freetxt {
width: 135px;
}

#guide #search .focus {
color: #000;
}

/* #intro
-------------------------------------------------------------------------------*/
#guide #intro .side {
margin: 0;
z-index: 0;
}

#guide #intro .side .content {
background-image: none;
background-color: #ebecf8;
}

#guide #intro .side .contentinner {
background-image: none;
padding-bottom: 10px;
padding-top: 10px;
}

/* #new
-------------------------------------------------------------------------------*/
#guide #new {
float: left;
}

#guide #new h2 {
background-image: url(/guide/img/img_guide2013/new_ttl_bg.gif);
position: relative;
}

#guide #new h2 span {
position: absolute;
right: 10px;
color: #FFF;
font-size: 64%;
}

#guide #new li {
border-bottom: 1px dotted #d6d6d6;
margin-right: 10px;
margin-bottom: 10px;
padding-bottom: 6px;
}

#guide #new .last {
border-bottom: none;
margin-right: 0;
padding-bottom: 0;
}


#guide #new .new {
margin: 0 0 0 5px;
}

#guide #new .new img {
vertical-align: baseline;
}

/* #service
-------------------------------------------------------------------------------*/
#guide #service h3 {
background-color: #101177;
}

#guide #service .txt {
border-color: #101177;
margin-bottom: 12px;
}

#guide #service .btn {
padding:5px;
margin: 0;
}

/* #nav
-------------------------------------------------------------------------------*/
#guide #nav {
margin: 0 0 15px 0;
background-image: url(/guide/img/img_guide2013/nav_bg.gif);
background-repeat: repeat-x;
background-position: bottom;
/* clearfix */
}

#guide #nav ul {
margin: 0;
}

#guide #nav li {
float: left;
margin: 0 4px 0 0;
padding: 0;
height: 54px;
background-image: none;
position: relative;
}

#guide #nav .tooltip {
width: 178px;
min-height: 69px;
position: absolute;
left: -10px;
bottom: 36px;
background: no-repeat bottom;
display: none;
zoom: 1;
}

#guide #nav .tooltip span {
background: url(/guide/img/img_guide2013/tooltip_bg1.gif);
background-position: left top;
background-repeat: no-repeat;
width: 158px;
min-height: 49px;
padding-top: 13px;
display: block;
padding: 10px;
font-size: 142%;
}

#guide #nav .tip1 {
background-image: url(/guide/img/img_guide2013/tooltip_bg2.gif);
}

#guide #nav .tip2 {
background-image: url(/guide/img/img_guide2013/tooltip_bg3.gif);
}

#guide #nav .tip3 {
background-image: url(/guide/img/img_guide2013/tooltip_bg4.gif);
}

#guide #nav .tip4 {
background-image: url(/guide/img/img_guide2013/tooltip_bg5.gif);
}

#guide #nav a {
color: #000;
font-size: 68%;
}

#guide #nav p {
height: 18px;
padding: 12px 10px 8px;
}

/* #main
-------------------------------------------------------------------------------*/
#main {
/* clearfix */
}


/* #popularity
-------------------------------------------------------------------------------*/
#guide #popularity .sectioninner {
padding-bottom: 10px;
}

#guide #popularity .img {
float: left;
margin: 0 10px 0 0;
cursor: pointer;
}
#guide #popularity .link {
overflow: hidden;
zoom: 1;
cursor: pointer;
}

/* #knowhow
-------------------------------------------------------------------------------*/
#guide #knowhow #nav p {
background-image: url(/guide/img/img_guide2013/nav_knowhow_txt_bg.gif);
}

#guide #knowhow .subsectioninner h3 {
border-bottom: 1px solid #8ed3b9;
}

#guide #knowhow #contents h2 {
background-image: url(/guide/img/img_guide2013/knowhow_ttl_bg.gif);
}

/* #knowledge
-------------------------------------------------------------------------------*/
#guide #knowledge #nav p {
background-image: url(/guide/img/img_guide2013/nav_knowledge_txt_bg.gif);
}

#guide #knowledge .subsectioninner h3 {
border-bottom: 1px solid #efcd94;
}

#guide #knowledge #contents h2 {
background-image: url(/guide/img/img_guide2013/knowledge_ttl_bg.gif);
}

/* #market
-------------------------------------------------------------------------------*/
#guide #market #nav p {
background-image: url(/guide/img/img_guide2013/nav_market_txt_bg.gif);
}

#guide #market .subsectioninner h3 {
border-bottom: 1px solid #95c4d7;
}

#guide #market #contents h2 {
background-image: url(/guide/img/img_guide2013/market_ttl_bg.gif);
}

/* #event
-------------------------------------------------------------------------------*/
#guide #event #nav p {
background-image: url(/guide/img/img_guide2013/nav_event_txt_bg.gif);
}

#guide #event .subsectioninner h3 {
border-bottom: 1px solid #e8a3a6;
}

#guide #event #contents h2 {
background-image: url(/guide/img/img_guide2013/event_ttl_bg.gif);
}


/* #site
-------------------------------------------------------------------------------*/
#guide #contents #site h2 {
background-image: url(/guide/img/img_guide2013/new_ttl_bg.gif);
}

#guide #site dt {
width: 193px;
float: left;
margin: 0 8px 0 0;
}

#guide #site dd {
overflow: hidden;
zoom: 1;
}

#guide #site dd p {
font-weight: bold;
}

#guide #site ul {
margin: 0;
}

#guide #site li {
margin: 0 0 5px 0;
}

#guide #site li a {
color: #666666;
padding-bottom: 1px;
}

#guide #site li a:hover {
text-decoration: none !important;
}


/* .knowhow
-------------------------------------------------------------------------------*/
#guide .knowhow ul,
#guide .knowhow .more{
background-color: #ecf7f3;
}

#guide .knowhow li {
background-image: url(/guide/img/img_guide2013/side_knowhow_arrow1.gif);
}

#guide .knowhow  .more a{
background-image: url(/guide/img/img_guide2013/side_knowhow_arrow2.gif);
}


/* .knowledge
-------------------------------------------------------------------------------*/
#guide .knowledge ul,
#guide .knowledge .more{
background-color: #fcf7ed;
}

#guide .knowledge li {
background-image: url(/guide/img/img_guide2013/side_knowledge_arrow1.gif);
}

#guide .knowledge  .more a{
background-image: url(/guide/img/img_guide2013/side_knowledge_arrow2.gif);
}



/* .market
-------------------------------------------------------------------------------*/
#guide .market ul,
#guide .market .more{
background-color: #edf6f8;
}

#guide .market li {
background-image: url(/guide/img/img_guide2013/side_market_arrow1.gif);
}

#guide .market .more a {
background-image: url(/guide/img/img_guide2013/side_market_arrow2.gif);
}

/* .event
-------------------------------------------------------------------------------*/
#guide .event ul,
#guide .event .more{
background-color: #fbf2ef;
}

#guide .event li {
background-image: url(/guide/img/img_guide2013/side_event_arrow1.gif);
}

#guide .event .more a {
background-image: url(/guide/img/img_guide2013/side_event_arrow2.gif);
}

/* .feature
-------------------------------------------------------------------------------*/
#guide .feature ul,
#guide .feature .more{
background-color: #f5f5f5;
}

#guide .feature li {
background-image: url(/guide/img/img_guide2013/side_feature_arrow1.gif);
}

#guide .feature .more a {
background-image: url(/guide/img/img_guide2013/side_feature_arrow2.gif);
}

/* #guide #footer
-------------------------------------------------------------------------------*/
#guide #footer {
width: 888px;
border: none;
padding: 0;
margin: 0;
background: none;
}

#guide #footer h2 {
background-image: url(/guide/img/img_guide2013/footer_ttl_bg.gif);
height: 22px;
margin: 0 -10px 10px;
}

#guide #footer .column4bg a {
display: block;
background-repeat: no-repeat;
background-position: top;
text-decoration: none;
color: #666666;
}

#guide #footer ul span {
cursor: pointer;
}

#guide #footer ul .ttl {
display: block;
height: 43px;
}

#guide #footer ul .txt {
display: block;
width: 191px;
height: 6.5em;
}

#guide #footer .section {
width: 888px;
background-image: url(/guide/img/img_guide2013/footer_section_bg1.gif);
background-repeat: repeat-y;
padding: 0;
}

#guide #footer .sectioninner {
background-image: url(/guide/img/img_guide2013/footer_section_bg2.gif);
background-repeat: no-repeat;
background-position: bottom;
padding: 0 10px 2px;
zoom: 1;
}

#guide #footer ul a {
margin: 2px 3px 3px;
zoom: 1;
}

#guide #footer ul .list1 a {
background-image: url(/guide/img/img_guide2013/footer_category_subtt1.gif);
}

#guide #footer ul .list1 a:hover {
background-image: url(/guide/img/img_guide2013/footer_category_subtt1_on.gif);
background-color: #ecf7f3;
}

#guide #footer ul .list2 a {
background-image: url(/guide/img/img_guide2013/footer_category_subtt2.gif);
}

#guide #footer ul .list2 a:hover {
background-image: url(/guide/img/img_guide2013/footer_category_subtt2_on.gif);
background-color: #fcf7ed;
}

#guide #footer ul .list3 a {
background-image: url(/guide/img/img_guide2013/footer_category_subtt3.gif);
}

#guide #footer ul .list3 a:hover {
background-image: url(/guide/img/img_guide2013/footer_category_subtt3_on.gif);
background-color: #edf5f8;
}

#guide #footer ul .list4 a {
background-image: url(/guide/img/img_guide2013/footer_category_subtt4.gif);
}

#guide #footer ul .list4 a:hover {
background-image: url(/guide/img/img_guide2013/footer_category_subtt4_on.gif);
background-color: #fbeff0;
}


/* サジェスト機能 */
#SS_suggest {
/*margin: 0px 0 0 280px; ←20120409変更 */
margin: 0px 0 0 0;
*margin: 0px 56px 0 0px;/* IE7 */
_margin: 0px 56px 0 0px;/* IE6 */
  z-index: 9;
}

div.SS_suggest {
  font-weight: normal;
  z-index: 9;
  display: none;
  border-bottom: 1px solid #CCC;
  border-right: 1px solid #CCC;
  border-left: 1px solid #CCC;
  text-align:left;
}

div.SS_suggest div.SS_suggestItemOff {
  background-color: #FFF;
  border-top: 1px solid #CCC;
  padding: 2px 0px 2px 0px;
  width: 100%;
}
div.SS_suggest div.SS_suggestItemOn {
  background-color: #ECF5FA;
  border-top: 1px solid #CCC;
  padding: 2px 0px 2px 0px;
  width: 100%;
}
div.SS_suggest span.SS_suggestKey {
  font-size: 100%;
  padding-left: 4px;
}
div.SS_suggest span.SS_suggestRate {
  width: 100px;
}
/*input#SS_searchQuery {width: 110px;} ←20120409変更 */
/* input#SS_searchQuery {width: 140px;} ←20120423変更 */
input#SS_searchQuery {width: 180px;}

.btn0 { margin: 0 !important; padding: 0;}