@charset "UTF-8";

@import "normalize.css";

@import "module.css";


/*-----------------------------------

	base

-----------------------------------*/

html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 62.5%;
    min-height: 100%;
    position: relative;
}

body {
    color: #444;
    font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, arial, helvetica, sans-serif;
    /* IE8 */ font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
    margin: 0 0 250px;
}

main h1,
main h2,
main h3,
main h4,
main h5,
main h6 { font-size: 1em; }

main a,
nav a {
    transition: all .2s linear;
        -webkit-transition: all .2s linear;
}

a:link,
a:visited { color: inherit; }

a:hover { text-decoration: none; }

p { margin: 0 0 1em; }

ul {
    padding: 0;
    margin: 0;
}

ul li { list-style: none; }

section { margin: 0 0 60px; }

.clear { clear: both; }

.clearfix:after {
    content: "";
    clear: both;
    display: block;
}

ul.utility__switch {
	float: right;
}

.f_red{
	color:#f00000;
}

.f_blue{
	color:#00F;
}

/*-----------------------------------

	$layout

-----------------------------------*/

.layout__baseSize {
    width: 960px;
    margin: 0 auto;
}

.layout__textbox {
    width: 50%;
    overflow: hidden;
}

.layout__textbox_right { float: right; }

.layout__textbox_left { float: left; }

.layout__2clmArticle {
    width: 700px;
    float: left;
}

.layout__2clmSide {
    width: 220px;
    float: right;
}

.layout_content {
	background-color: #ffffff;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
}

.layout_content p {
	text-indent: 1em;
}

.layout_content img {
	height: 55%;
	width: 55%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.layout_main{
	background:#ffffff;
	padding-top: 0px;
}


/*-----------------------------------

    $module

-----------------------------------*/

#topics_head01{
	height:160px;
	color:#FFFFFF;
	background-position: left center;
	font-size: 1.5em;
	background-image: url(../images/common/topics_head01.gif);
	background-repeat: no-repeat;
}

#topics_head02{
	height:160px;
	color:#FFFFFF;
	background-position: left center;
	font-size: 1.5em;
	background-image: url(../images/common/topics_head02.gif);
	background-repeat: no-repeat;
}

#topics_head03{
	height:160px;
	color:#FFFFFF;
	background-position: left center;
	font-size: 1.5em;
	background-image: url(../images/common/topics_head03.gif);
	background-repeat: no-repeat;
}

#topics_head04{
	height:160px;
	color:#FFFFFF;
	background-position: left center;
	font-size: 1.5em;
	background-image: url(../images/common/topics_head04.gif);
	background-repeat: no-repeat;
}

#topics_head05{
	height:160px;
	color:#FFFFFF;
	background-position: left center;
	font-size: 1.5em;
	background-image: url(../images/common/topics_head05.gif);
	background-repeat: no-repeat;
}

#topics_head06{
	height:160px;
	color:#FFFFFF;
	background-position: left center;
	font-size: 1.5em;
	background-image: url(../images/common/topics_head06.gif);
	background-repeat: no-repeat;
}

.layout_main h2{
	margin-left: 170px;
	margin-top: 0px;
	padding-top: 62px;
}

#layout_main_1{
	width: 914px;
	overflow: hidden;
	border: 3px solid rgb(68, 68, 68);
	padding: 20px;
	margin-top: 30px;
}

.title_main_1{
	text-align: center;
	font-weight: bold;
}

.p_main_1{
	text-indent: 1em;
}

.member_1{
	/*margin: 0px 0px 50px;*/
	padding: 0;
	background-color: rgb(228, 228, 228);
}

.member_1 dl {
  margin: 0 0 5px;
}

.member_1 dt {
    cursor: pointer;
    padding: 15px 20px;
    background: rgb(228, 228, 228);
    color: #444;
    font-weight: bold;
    border-bottom: 1px dotted #fff;
}

.member_1 dt .fa {
  float: right;
  padding: 5px 0 0;
}

.member_1 dl.accordion > dt.open,
.member_1 dt:hover {
    background: rgb(68, 68, 68);
    color: #fff;
}

.member_1 dd { 
  display: none;
  margin: 0;
  padding: 10px 20px 20px;
}

.member_1 table{
	width: 920px;
	border-collapse: collapse;
}

.member_1 td{
	padding: 0.5em 0px;
	border-bottom-color: rgb(255, 255, 255);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.kadaino{
	width:100px;
}

.member_1_link a{
	color: #444444;
}

.module__title_link{
	text-align: center;
	margin-top: 30px;
}

.content_01 h4{
	margin-top: 10px;
	margin-bottom: 10px;
}

.content_01 h5{
	margin: 0px;
}

.c_6005 {
	float: left;
}

.content_6005 {
	overflow: hidden;
	margin-bottom: 25px;
	margin-top: 20px;
}

.content_6005 img {
	width:382px;
	height:416px;
	border: none;
}

/* clearfix */
.content_6005:before,
.content_6005:after {
    content: "";
    display: table;
}
 
.content_6005:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.content_6005 {
    zoom: 1;
}

.content_01 img{
	width:auto;
	height:auto;
	border:none;
	padding-top: 10px;
}

/*-----------------------------------

    $headear

-----------------------------------*/

header {
    background: #fff;
    padding: 1em 0 0;
}

header .siteDiscription {
    /* IE8 */ font-size: 11px;
    font-size: 1.1rem;
    margin-top: 0;
}

header .siteLogo {
    float: left;
    margin: 0 0 10px;
}

header .utility { 
	float: right;
	width: 520px;
}

header .utility__switch li {
    border: 2px solid #000;
    float: left;
}

header .utility__switch li:first-child { border-right: none; }

header .utility__switch .current {
    background: #eb3287;
    color: #fff;
}

header .utility__switch li:first-child:hover {
	opacity: .8;
}

header .utility__switch a {
    display: block;
    padding: .5em 2em;
    text-decoration: none;
}

header .utility__menu {
    float: right;
}

header .utility__menu li {
    float: left;
    margin: 1em 1em 0 0;
}





/*-----------------------------------

    $nav

-----------------------------------*/

nav .globalNav {
    border: 3px solid #000;
    padding: .5em 0;
    text-align: center;
}

nav .globalNav > li {
    display: inline;
    border-left: 1px solid #000;
    padding: 0 0 0 2em;
    margin: 0 0 0 2em;
    line-height: 1;
    position: relative;
    cursor: pointer;
}

nav .globalNav > li:first-child { border: none; }

nav .globalNav > li:last-child {
    margin-right: 2em;
    padding-right: 2em;
}


nav .globalNav > li a { text-decoration: none; }

nav .globalNav > li > a:hover { color: #eb3287; }

/*
    .globalNav__dropdown
--------------------------*/

nav .globalNav__dropdown {
    display: none;
    position: absolute;
    top: 21px;
    left: -50%;
    width: 200px;
    text-align: center;
    background: url(../images/common/dropdown_hukidashi.png) no-repeat center top;
    padding: 8px 0 0;
    z-index: 9999;
}

nav .globalNav__dropdown li {
    display: block;
    line-height: 46px;
    color: #fff;
    background: #eb3287;   
}

nav .globalNav__dropdown li:hover {
    background: #d31172;
    color: #fff;
    display: block;
    transition: all .2s linear;
        -webkit-transition: all .2s linear;
}

nav .globalNav__dropdown a {
    display: block;
    position: relative;
}

nav .globalNav__dropdown a:hover { margin: 0 .5em 0 0; }

nav .globalNav__dropdown a:after {
    display: inline-block;
    font-family: FontAwesome;
    content: "\f101";
    font-size: 1.2em;
    position: absolute;
    top: 0;
    right: 1.5em;
    opacity: 0;
    transition: all .2s linear;
        -webkit-transition: all .2s linear;
}

nav .globalNav__dropdown a:hover:after {
   opacity: 1;
   right: 1em;
}





/*-----------------------------------

    $footer

-----------------------------------*/

footer {
	width: 100%;
	height: 300px;
	position: absolute;
	box-sizing: border-box;
}

footer .address {
	background: rgb(0, 0, 0);
	padding: 40px 0px; height: 100%;
	text-align: center; color: rgb(255, 255, 255);
	min-width: 960px;
	box-sizing: border-box;
}

footer .address h2 {
	margin: 0px;
}
footer .address__name_small {
	font-size: 11px;
}