/*** for PC Browser ***/
@media (min-width:401px)
{
/* == 人生の出来事・目的別メニュー_タブ == */
#kurashi_tab
{
    border-bottom: 3px solid #7DCCF3;
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
}

#kurashi_tab li
{
    float: left;
    margin: 0;
    padding: 0;
}

#kurashi_tab li a
{
    background: url("../../../Images/tab_down2.gif") no-repeat left bottom;
    color: #214756;
    cursor: pointer;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 6px 0 0 10px;
    text-decoration: none;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
    width: 272px;
}

#kurashi_tab .set2
{
    margin: 0 0 0 6px;
}

#kurashi_tab .kurashi_selected .set1
{
    background: url("../../../Images/tab_over2.gif") no-repeat left bottom;
}
#kurashi_tab .kurashi_selected .set2
{
    background: url("../../../Images/tab_over2.gif") no-repeat left bottom;
}


/* == 人生の出来事・目的別メニュー == */
/* 外枠 */
#kurashi,
#kurashi2
{
    float: left;
    padding: 0 0 10px;
}

#kurashi .kurashi_bottom,
#kurashi2 .kurashi_bottom
{
    background: url("../../../Images/dekigoto_bottom.gif") no-repeat left bottom;
    float: left;
    font-size: 1px !important;
    height: 3px;
    margin: 0;
    padding: 0;
    width: 570px;
}

/* 見出し */
#kurashi h2
{
    background: url("../../../Images/dekigoto_on.gif") no-repeat left bottom;
    border-bottom: 3px solid #7DCCF3;
    color: #214756;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 6px 0 0 10px;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
    width: 560px;
}

#kurashi2 h2
{
    background: url("../../../Images/mokuteki_on.gif") no-repeat left bottom;
    border-bottom: 3px solid #7DCCF3;
    color: #214756;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 6px 0 0 300px;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
    width: 270px;
}

#kurashi ul,
#kurashi2 ul
{ 
    background: url("../../../Images/dekigoto_bg.gif") repeat-y;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 5px 6px;
    width: 558px;
}

#kurashi ul li,
#kurashi2 ul li
{
    float: left;
    margin: 0;
    padding: 0 5px 0 0;
}

#kurashi ul li img,
#kurashi2 ul li img
{
    vertical-align:bottom;
}

#kurashi ul .kurashi_listend,
#kurashi2 ul .kurashi_listend
{
    margin: 0;
    padding: 0;
}


/* == よく利用する情報 == */
.info_headtitle
{
    background: url("../../../Images/riyou_title.gif") no-repeat left bottom;
    min-height: 31px;  
    height: auto !important;  
    height: 31px;
    width: 570px;
}

.info_headbg
{
    background: url("../../../Images/riyou_bg_2.gif") repeat-y;
    padding: 0 5px;
    width: 560px;
}

.info_headbottom
{
    background: url("../../../Images/riyou_b.gif") no-repeat left bottom;
    font-size: 1px !important;
    height: 3px;
    margin: 0 0 10px;
    width: 570px;
    position: relative;
    top: -2px;
}

/* 見出し */
.info_headtitle .Fix_info_heading
{
    color: #214756;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0 0 50px;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}

/* 人口 */
.Item_Standard_Title .jinkou
{
    margin: 5px 0;
}

/*auto generated region*/

#BaseTable
{
	width:990px;
	padding-top:0px;	padding-right:0px;	padding-bottom:0px;	padding-left:0px;
}
#SystemMenu
{
	width:990px;
	padding-top:0px;	padding-right:0px;	padding-bottom:0px;	padding-left:0px;
}
#HeaderPane
{
	width:990px;
	padding-top:0px;	padding-right:0px;	padding-bottom:5px;	padding-left:0px;
}
#Middle
{
	width:990px;
	padding-top:0px;	padding-right:0px;	padding-bottom:0px;	padding-left:0px;
}
#LeftPane
{
	width:200px;
	padding-top:0px;	padding-right:0px;	padding-bottom:0px;	padding-left:0px;
}
#ContentPane
{
	width:570px;
	padding-top:0px ;	padding-right:10px;	padding-bottom:0px;	padding-left:10px;
}
#RightPane
{
	width:200px;
	padding-top:0px;	padding-right:0px;	padding-bottom:0px;	padding-left:0px;
}
#FooterPane
{
	width:990px;
	padding-top:5px;	padding-right:0px;	padding-bottom:0px;	padding-left:0px;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
/* == 人生の出来事・目的別メニュー_タブ == */
#kurashi_tab
{
    display: none;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#kurashi_tab li
{
    float: left;
    margin: 0;
    padding: 0;
}

#kurashi_tab li a
{
    background: url("../../../Images/tab_down2_sp.gif") no-repeat left bottom;
    color: #214756;
    cursor: pointer;
    float: left;
    font-size: small;
    font-weight: bold;
    height: 26px;
    margin: 0;
    padding: 4px 0 0;
    text-align: center;
    text-decoration: none;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
    width: 158px;
}

#kurashi_tab .set2
{
    margin: 0 0 0 4px;
}

#kurashi_tab .kurashi_selected .set1
{
    background: url("../../../Images/tab_over2_sp.gif") no-repeat left bottom;
}
#kurashi_tab .kurashi_selected .set2
{
    background: url("../../../Images/tab_over2_sp.gif") no-repeat left bottom;
}


/* == 人生の出来事・目的別メニュー == */
/* 外枠 */
#kurashi,
#kurashi2
{
    float: left;
    padding: 0 0 5px;
}

#kurashi .kurashi_bottom,
#kurashi2 .kurashi_bottom
{
}

/* 見出し */
#kurashi h2
{
    background: url("../../../Images/dekigoto_sp_on.gif") no-repeat left bottom;
    color: #214756;
    float: left;
    font-size: small;
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 6px 0 0 10px;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
    width: 310px;
}

#kurashi2 h2
{
    background: url("../../../Images/mokuteki_sp_on.gif") no-repeat left bottom;
    color: #214756;
    float: left;
    font-size: small;
    font-weight: bold;
    height: 24px;
    margin: 0;
    padding: 6px 0 0 195px;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
    width: 125px;
}

#kurashi ul,
#kurashi2 ul
{ 
    background: url("../../../Images/dekigoto_bg.gif") repeat-y;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 10px 20px 5px;
    width: 280px;
}

#kurashi ul li,
#kurashi2 ul li
{
    float: left;
    margin: 0;
    padding: 0 5px 5px 0;
}

#kurashi ul li img,
#kurashi2 ul li img
{
    vertical-align:bottom;
}

#kurashi ul .kurashi_listend,
#kurashi2 ul .kurashi_listend
{
    margin: 0;
    padding: 0;
}


/* == よく利用する情報 == */
.info_headtitle
{
    background: url("../../../Images/riyou_title_sp.gif") no-repeat left bottom;
    min-height: 32px;  
    height: auto !important;  
    height: 32px;
    width: 320px;
}

.info_headbg
{
    background-color: #FADFE4;
    padding: 0px;
    width: 320px;
}

/* 見出し */
.info_headtitle .Fix_info_heading
{
    color: #214756;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 5px 0 0 50px;
    text-shadow: 2px 2px 2px #FFFFFF, 2px -2px 2px #FFFFFF, -2px 2px 2px #FFFFFF, -2px -2px 2px #FFFFFF;
}
}