@charset "utf-8";

/*************************
 common.css
 スタイルシート
  yudetaro.jp common
*************************/
/************
 共通
************/
*
{
    margin:                 0px;
    padding:                0px;
}

table,img
{
    border:                 none;
}

ul
{
    list-style:             none;
}

a
{
    color:                  #333333;
    text-decoration:        none;
}

body
{
    text-align:             center;
/*    background-image:       url(../images/wall.gif);*/
}

div#page
{
    position:               relative;
/*    border:                 2px solid #666666;*/
/*    width:                  840px;*/
    border:                 1px solid #1b3d7d;
    width:                  960px;
    width:                  1032px;
    margin:                 0px auto;
    text-align:             left;
    background:             #ffffff;
    font-size:              95%;
    font-family:            /*"游ゴシック体",
                            "Yu Gothic",
                            "YuGothic",*/
                            "ヒラギノ角ゴ ProN W3",
                            "Hiragino Kaku Gothic ProN",
                            "メイリオ",
                            "Meiryo",
                            "MS Pゴシック",
                            "MS P Gothic",
                            sans-serif;
}

.mincho
{
    font-family:            "ヒラギノ明朝 ProN W3",
                            "Hiragino Mincho ProN",
                            "HG明朝E",
                            "MS P 明朝",
                            "MS 明朝",
                            "MS P Mincho",
                            "MS Mincho",
                            serif;
}

/************
 header
************/
div#header
{
/*    width:                  842px;
    height:                 174px;
    border:                 1px solid #666666;*/
    width:					100%;
    background:             #1a1e72;
    background:             #1b3d7d;
    height:					92px;
    overflow:				visible;
/*height:300px;*/
}

div#header img
{
/*    border:                 1px solid #666666;*/
}

div#logo_frame
{
	float:					left;
	padding-top:			16px;
	padding-bottom:			14px;
	padding-right:			20px;
	margin-left:			60px;
}

div#menu_frame
{
	padding-top:			10px;
}

div#main img
{
    vertical-align:         bottom;
}

div#header img.catch
{
}


/*******************************************/
@media only screen and (min-width:641px)
{

nav#cd-main-nav ul li
{
  display:        inline;
  height:         23px;
  overflow:       hidden;
}

nav#cd-main-nav
{
/*  float:          left;
    margin-left:            15px;
    margin-top:             15px;*/
  margin-top:       14px;
  margin-top:       20px;
}


nav#cd-main-nav ul li a
{

  display:        block;
  float:          left;
  overflow:       hidden;
  height:         23px;
  text-indent:      100%;
  white-space:      nowrap;
  background-image:   url('../images/header_navi_sprite1608.gif');
  background-repeat:    no-repeat;
/*  width:          75px;*/
}

nav#cd-main-nav ul li.shop a
{
  width:          62px;
  background-position:  0px 0px;
}

nav#cd-main-nav ul li.shop a:hover
{
  background-position:  0px -23px;
}

nav#cd-main-nav ul li.menu a
{
/*  width:          58px;
  margin-left:      22px;
  background-position:  -97px 0px;*/
  width:          45px;
  margin-left:      45px; /* 107-0-62 */
  background-position:  -107px 0px;
}

nav#cd-main-nav ul li.menu a:hover
{
/*  background-position:  -97px -30px;*/
  background-position:  -107px -23px;
}

nav#cd-main-nav ul li.about a
{
/*  width:          78px;
  margin-left:      8px;
  background-position:  -165px 0px;*/
  width:          96px;
  margin-left:      62px; /* 214-107-45 */
  background-position:  -214px 0px;
}

nav#cd-main-nav ul li.about a:hover
{
/*  background-position:  -165px -30px;*/
  background-position:  -214px -23px;
}

nav#cd-main-nav ul li.blogy a
{
  display:none;
/*  width:          80px;
  margin-left:      24px;
  background-position:  -265px 0px;
  width:          78px;
  margin-left:      8px;
  background-position:  -274px 0px;*/
}

nav#cd-main-nav ul li.blogy a:hover
{
/*  background-position:  -265px -30px;
  background-position:  -274px -23px;*/
}

nav#cd-main-nav ul li.company a
{
/*  width:          96px;
  margin-left:      26px;
  background-position:  -371px 0px;*/
  width:          88px;
  margin-left:      50px; /* 360-214-96 */
  background-position:  -360px 0px;
}

nav#cd-main-nav ul li.company a:hover
{
/*  background-position:  -371px -30px;*/
  background-position:  -360px -23px;
}

nav#cd-main-nav ul li.fc a
{
  display:none;
  width:          80px;
  margin-left:      12px;
  background-position:  -479px 0px;
  width:          80px;
  margin-left:      11px;
  background-position:  -479px 0px;
}

nav#cd-main-nav ul li.fc a:hover
{
/*  background-position:  -479px -30px;
  background-position:  -479px -23px;*/
}

nav#cd-main-nav ul li.news a
{
  display:none;
/*  width:          122px;
  margin-left:      14px;
  background-position:  -573px 0px;
  width:          124px;
  margin-left:      12px;
  background-position:  -571px 0px;*/
}

nav#cd-main-nav ul li.news a:hover
{
/*  background-position:  -573px -30px;
  background-position:  -571px -23px;*/
}

nav#cd-main-nav ul li.estate a
{
  width:          70px;
  margin-left:      77px; /* 507-360-70 */
  background-position:  -507px 0px;
}

nav#cd-main-nav ul li.estate a:hover
{
  background-position:  -507px -23px;
}

/* ドロップダウンメニュー */
nav#cd-main-nav ul
{
  *zoom:          1;
  position:       relative;
  z-index:        9000;
}

nav#cd-main-nav ul li.company
{
/*  position:       relative;*/
}

nav#cd-main-nav ul li.company a
{
  display:        block;
}

nav#cd-main-nav ul li.company ul
{
  position:       absolute;
  z-index:        9999;
/*  width:          6em;*/
  top:          40px;
  top:          30px;
  left:         0px;
  margin:         0;
  padding:        0;
  padding-top:      5px;
  margin-top:       0px;
  margin-left:      645px;
  margin-left:      650px;
/*  margin-left:      635px;*/
    background:             #1b3d7d;
/*  border:         1px solid #ffffff;*/

/*  display:        none;*/
  overflow:       hidden;
  width:          0;
  transition:       .5s;
  transition:       .2s;
/*  width:          5.5em;*/

}

nav#cd-main-nav ul li.company ul li
{
/*  display:        none;*/
/*  display:        block;*/
/*  width:          100%;*/
  display:        block;
  height:         1.1em;
  margin-bottom:      4px;
    background:             #1b3d7d;
}

nav#cd-main-nav ul li.company ul li a
{
  display:        block;
  width:          10em;
  background-image:   none;
    background:             #1b3d7d;
    color:          #ffffff;
    font-size:        0.70em;
/*    height:         1.4em;*/
  line-height:      1.1em;
    letter-spacing:     0.1em;
    text-indent:      0;
    margin-top:       0;
  margin-bottom:      0px;
  padding:        1px 3px 0px 3px;
  margin-left:      1em;
}

/************** js に変更 取り消し・mobile のみjs追加 */
nav#cd-main-nav ul li.company:hover ul
{
  width:          10em;
}

nav#cd-main-nav ul li.company:hover ul li a
{
  white-space:      nowrap;
}

nav#cd-main-nav ul li.company:hover ul li a:hover
{
  background:       #ce791f;
}
/*********/

}
/*@media only screen and (min-width:641px)*/
/*******************************************/

/************
 main
************/
div#main_content
{
	margin:					14px auto;
	text-align:				center;
	max-width:				840px;
/*	background:				#ccccff;*/
}

div#main_content h2
{
	margin-top:				16px;
}

div#main_left
{
	float:					left;
	margin-right:			5px;
}

div#main_middle
{
	float:					left;
	margin-right:			5px;
}

div#main_right
{
	float:					left;
}

div#main_right div
{
	margin-top:				6px;
}

div.ntmsg
{
	width:					210px;
	font-size:				0.7em;
	padding-top:			0.8em;
	padding-bottom:			1em;
}

div.ntmsg span
{
	font-size:				0.9em;
}

/************
 footer
************/
div#footer
{
	border-top:				none;
	border-top:				1px solid #1b3d7d;
	padding-top:			8px;
	padding-top:			18px;
	padding-bottom:			18px;
}

div#footerNavi
{
}

ul#ftNavi
{
	margin:					0 auto;
	width:					43%;
	width:					57%;
	text-align:				center;
/*	background:				#dddddd;*/
}

ul#ftNavi li
{
    display:                inline;
    margin-right:           5px;
    padding:                2px 5px 2px 5px;
    border-right:           1px solid #333333;
/*    font-family:            "ヒラギノ明朝 ProN W3",
                            "Hiragino ProN Mincho",
                            "MS P明朝",
                            "MS P Mincho",
                            serif;*/
/*    font-family:            serif;*/
}

ul#ftNavi li.fn_last
{
    margin-right:           0px;
    border-right:           none;
}

ul#ftNavi li a
{
    text-decoration:        none;
    font-size:              85%;
    font-weight:            bold;
    color:                  #000000;
}

ul#ftNavi li a.mail_lnk
{
    padding-left:           22px;
    background:             url(../images/mailto.gif) no-repeat left 3px;
}

ul#ftNavi li a:hover
{
    text-decoration:        underline;
    color:                  #8888dd;
}

p#copyright
{
    clear:                  both;
    margin-top:             5px;
    margin-bottom:          4px;
    font-size:              95%;
    text-align:             center;
}

p.clearf
{
	clear:					both;
	line-height:			1px;
	height:					1px;
	font-size:				1px;
}

span.bold
{
	font-weight:			bold;
}

span.lftop
{
	margin-top:				1em;
}

/* mobile 対応 */
 .mobile
{
	display:				none;
}

/*
div#header_mb
{
	display:			none;
}
*/

.warp_box{

  padding-top: 20px;
}



.warp_box h4{
    text-align: center !important;
    color: #000;
        margin-bottom: 0.5em;
}
.warp_box h5{
    text-align: center !important;
    font-size: 15px !important;
}
.warp_box h5 a{
      text-decoration: underline;
    color: #1111cc;
}

@media screen and (min-width: 640px) {
.warp_box h5{
    font-size: 18px !important;
}
}