@charset "UTF-8";

/* =======================================

	info-a_g.css
	Last Up Date 2016/01/28

 -----------------------------------------
	INDEX
 -----------------------------------------
	1. common
	    - font
	    - decoration
	    - ul.a_g_box
	    - .contact
	    - .past
	
	2. assembly
	
	3. garden
	
	4. extension

========================================== */


/* common
========================================== */
.a_g{
    padding: 16px;
}

/*---- font ----- */
.a_g h2{
    margin-bottom: 12px;
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 2px;
    font-weight: bold;
}
.a_g h3{
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.a_g .title h2{
    border-bottom: 1px solid #7ECEF4;
    padding-bottom: 4px;
}
.a_g .title h3{
    border-bottom: 1px solid #7ECEF4;
    padding-bottom: 0px;}

.a_g .a_g_box .title h3{
    margin-bottom: 15px;
}
.a_g p{
    margin: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
}
.a_g dl,
.a_g ol,
.a_g ul{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.8;
}
/*---- decoration ----- */
.a_g a.arrow {
    text-decoration: none;
    background: url(../images/contents/contents_link_arrow.gif) 0 50% no-repeat;
    padding-left: 16px;
    padding-top: 2px;
}
.a_g a.underline {
    text-decoration: underline;
}
.a_g .dotted{
    border: 1px dotted #00AEE5;
    padding: 20px;
    color: #00A0E9;
    margin: 20px 0;
}
.a_g .dotted li{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
}

.a_g .caution{
    color: #E60000;
}

/*---- top ----- */

.a_g#cont_head .title h2{
    border-bottom: none;
    padding-bottom: 0;
}
.a_g#cont_mid{
    padding: 12px;
}
.a_g#cont_mid .title{
    padding: 0 4px;
}
.a_g#cont_mid .title h3{
    margin-bottom: 12px;
    font-size: 19px;
    font-size: 1.9rem;
    letter-spacing: 2px;
}
.a_g#cont_mid .title h3 span{
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: 20%;
}
.a_g#cont_mid .cont ul li{
    margin: 4px;
    float: left;
}

/*---- single ----- */

.a_g #cont_data{
    border-top: dotted 1px #00A0E9;
    margin-top: 30px;
}
.a_g #cont_data ul li{
    border-bottom: dotted 1px #00A0E9;
}
.a_g #cont_data ul li dl{
    font-weight: bold;
}


.a_g #cont_prof{
    margin-top: 20px;
}
.a_g #cont_prof .img{
    float: left;
}
.a_g #cont_prof .txt{
    float: right;
    width: 520px;
}

.a_g #cont_prof .txt p{
    color: #4c4948;
    line-height: 1.8;
}

.a_g#cont_work{
    padding: 4px;
}
.a_g#cont_work ul li{
    width: 330px;
    margin: 13px;
    float: left;
}
.a_g#cont_work ul li dl dt{
    margin-bottom: 5px;
}
.a_g#cont_work ul li dl dd{
    line-height: 1.5;
}

.a_g #cont_archive{
    border-top: dotted 1px #00A0E9;
    border-bottom: dotted 1px #00A0E9;
    margin: 40px 0;
    padding: 30px 0;
}
.a_g #cont_archive h4{
    font-size: 18px;font-size: 1.8rem;
    font-weight: bold;
}


/*---- ul.a_g_box ----- */
ul.a_g_box{
    margin-bottom: 35px;
}
ul.a_g_box li{
    float: left;
    width: 322px;
}
ul.a_g_box .first{
    margin-right:37px;
}
ul.a_g_box li.second{
    margin-top:37px;
}
.a_g ul.a_g_box li p{
    line-height: 1.8;
}
/*---- .contact ----- */
.a_g .contact{
    margin-bottom: 35px;
}
.a_g .contact_info{}
.a_g .contact_info h3{}
.a_g .contact_info p{
    margin-bottom: 35px;
}

/*---- past ----- */
.a_g p.read_text{
    margin-bottom: 40px;
}
.a_g .a_box_a{
    padding:10px 10px 10px 16px;
    background-color: #EFEFEF;
    border: 1px solid #4C4948;
    margin-bottom: 16px;
    cursor: pointer;
}
.a_g .a_box_a h3{
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 0;
}
.a_box_b {
    margin-bottom: 20px;
}
.a_g .a_box_b dl{
    line-height: 1.5;
}
.a_g .a_box_b dl dt{
    font-weight: bold;
}
.a_box_b ul li{
    margin: 10px 0;
}
.a_box_b ul li a{
    text-decoration: underline;
}
.a_box_b ul li span{
    display: block;
}
.a_box_b ul li.fb{
    font-weight: bold;
}
.a_box_b ul li.top{
    margin-top: 0;
}

/* assembly
========================================== */
/*---- .single ----- */

.single_a .a_g #cont_data ul li dl dt{
    font-size: 14px;font-size: 1.4rem;
    line-height: 40px;
    width: 50px;
    float: left;
}
.single_a .a_g #cont_data ul li dl dd{
    font-size: 18px;font-size: 1.8rem;
    line-height: 40px;
}

.single_a .a_g #cont_prof .txt h3{
    font-size: 18px;font-size: 1.8rem;
}
.single_a .a_g #cont_prof .txt h3 span{
    font-size: 14px;font-size: 1.4rem;
}

.a_g #cont_archive dl{
    margin-top: 30px;
}
.a_g #cont_archive dl dt{
    color: #717071;
    font-weight: bold;
    float: left;
    width: 110px;
    margin-bottom: 5px;
}
.a_g #cont_archive dl dd{
    margin-bottom: 5px;
}
.a_g #cont_archive dl dd a{
    color: #4c4948;
    text-decoration: underline;
}
.a_g #cont_archive dl dd a:hover{
    color: #00A0E9;
    text-decoration: none;
}
.a_g #cont_archive dl dd a span.name{
    font-weight: bold;
}
.a_g #cont_archive dl dd a span.tit{
    display: block;
}


/* garden
========================================== */

/*---- .single ----- */

.single_g .a_g #cont_data ul li dl dt{
    font-size: 12px;font-size: 1.2rem;
    font-weight: normal;
    line-height: 40px;
    width: 70px;
    float: left;
}
.single_g .a_g #cont_data ul li dl dd{
    font-size: 14px;font-size: 1.4rem;
    line-height: 40px;
}

.single_g .a_g #cont_data ul li dl dd.rakuraku{
    width: 618px;
    float: right;
}
.single_g .a_g #cont_data ul li dl dd.rakuraku p{
    font-size: 14px;font-size: 1.4rem;
    padding-top: 10px;
    line-height: 24px;
}
.single_g .a_g #cont_data ul li dl dd.rakuraku p.detail{
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 18px;
    font-weight: normal;
    margin-top: -4px;
    margin-bottom: 20px;
}

.single_g .a_g#cont_profile #cont_prof{
    border-top: dotted 1px #00A0E9;
    margin-top: 0;
    padding-top: 20px;
}
.single_g .a_g#cont_work p{
    margin: 0 13px;
}

.single_g .a_g #cont_prof .txt h3{
    font-size: 14px;font-size: 1.4rem;
}


.single_g .a_g #cont_archive{
    margin: 0 0 40px;
}
.a_g #cont_archive ul{
    margin-top: 30px;
}
.a_g #cont_archive ul li{
    margin-bottom: 5px;
}
.a_g #cont_archive ul li a{
    color: #4c4948;
    text-decoration: underline;
    font-weight: bold;
}
.a_g #cont_archive ul li a:hover{
    color: #00A0E9;
    text-decoration: none;
}
.a_g #cont_archive ul li a span{
    font-weight: normal;
    display: block;
}

/*---- .contact ----- */
.a_g h3.garden{
    font-size: 19px;font-size: 1.9rem;
    margin-bottom: 15px;
    padding-bottom: 0;
}
.a_g .garden_box{
    padding-bottom: 15px;
    margin-top:15px;
}
.a_g .garden_box.first{
    padding-bottom: 0;
}
.a_g .contact.g_c_last{
    margin-top: 25px;
}
span.web_form{
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}
.web_form li{
    float: left;
    margin-right:4px;
}
.garden_info dt{
    font-weight: bold;
    float: left;
    width: 200px;
    margin-bottom: 15px;
}
.garden_info dd{
    margin-bottom: 15px;
}
.garden_box_dotted{
    padding-bottom: 15px;
    border-bottom: dotted 1px #00A0E9;
    margin-top:15px;
}
.garden_box li,
.garden_box dt,
.garden_box dd{
    margin-bottom: 5px;
}
.garden_box dt{
    float: left;
}


/* extension
========================================== */

.a_g#cont_mid .ext_cont{
    margin-bottom: 30px;
}

/*---- ul.ext_data ----- */
ul#ext_data ul li{
	line-height: 2;
}

ul#ext_data dl dd{
    margin-left: 6em;
	line-height: 2em;
}

ul#ext_data dl dd.dd_mrg_0{
    margin-left: 0;
	padding-bottom: 10px;
	line-height: 2em;
}

ul#ext_data ul li p{
	margin-bottom: 10px;
}

/*---- table ----- */
table.time_schedule{
    width: 100%;
    margin-top: 14px;
    border: 1px solid #717071;
    font-size: 12px;
    font-size: 1.2rem;
	border-collapse: collapse;
}

.single_g #cont_head #cont_data ul li dl dd table.time_schedule.belong01{
    margin-top: 5px;
}

.single_g #cont_head #cont_data ul li dl dd table.time_schedule tr{}
.single_g #cont_head #cont_data ul li dl dd table.time_schedule tr th,
table.time_schedule tr th{
    background: #DCDCDC;
    padding: 7px;
    border-bottom: 1px solid #717071;
    border-right: 1px solid #717071;
}

.single_g #cont_head #cont_data ul li dl dd table.time_schedule.belong01 tr th.week{
    width: 18%;
	text-align: center;
}
.single_g #cont_head #cont_data ul li dl dd table.time_schedule.belong01 tr th.period{
    width: 10%;
	text-align: center;
}

.single_g #cont_head #cont_data ul li dl dd table.time_schedule tr td,
table.time_schedule tr td{
    border-bottom: 1px solid #717071;
    border-right: 1px solid #717071;
    background: #fff;
    padding: 7px;
}

.single_g #cont_head #cont_data ul li dl dd table.time_schedule tr td{
    text-align: center;
	line-height: 1.5em;
}

.single_g #cont_head #cont_data ul li dl dd table.time_schedule tr td a {
	text-decoration: underline;
	}

/*---- common ---- */
.fnt_natural{
	font-weight: normal;
	}