@charset "utf-8";
/* ------------------------------------- */
/*              BASIC FORMAT             */
/* ------------------------------------- */

*{
 margin:0;
 padding:0;
}
.mob,.mobarea01{
    display:none;
}

body {
 background-color:#f5e3d6;
}

header {
 width:1000px;
 margin:0 auto;
}


#head {
    width:1000px;
    height:534px;
    background-image:url('../images/img01_2.png');
    background-repeat:no-repeat;
}
#head02 {
    width:1000px;
    height:129px;
    background-image:url('../images/header.png');
   
    background-repeat:no-repeat;
}

.pagetitle {
 width:345px;
 font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
 color:#000;
 padding-top:11px;
 float:left;
 margin-left:50px;
 margin-top:10px;
}


p.resizeimage img { 
	width: 100%;
    height: auto;
}

#home {
 margin-top:6px;
 width:68px;
 height:23px;
 float:left;
}

#headinq a:hover{
 color:#fff;
 background-image:url('../images/btn_inq_on.png');
 background-repeat:no-repeat;
}


navi {
 width:840px;
 margin:10px auto;
}

section {
 width:950px;
 margin:10px auto;
}

.monoblk{
    width:100%;
    margin:1em auto;
}
footer {
    width:1000px;
    margin:10px auto;
    background-color:#756a57;
}


a   {
 color:#00b;
 text-decoration:underline;
}


p	{
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
    font-size:medium;
    color:#000;
    line-height:150%;
}

.elmnum {
 font-size:x-small;
 color:#000;
 line-height:150%;
}

img {
 border:0;
}

li {
 margin-left:30px;
}

.pagetop a{
    width:135px;
    background-color:#cc551f;
    padding-right:30px;
    padding-top:12px;
    color:#fff;
    font-size:10pt;
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-image:url('../images/ttlico_arr.png');
    background-repeat:no-repeat;
    float:right;
    height:22px;
    text-decoration:none;
    background-position:right;
    text-align:right;
}

.pagetop a:hover{
    background-color:#ff8f1e;
}
.clear {
 clear:both;
}


/*--------------- MENU FORMAT ------------------*/
/* 
.mainmenu {
 width:840px;
 margin:0 auto;
}

.menu01 {
 font-size:10pt;
 font-weight:bold;
 text-align:center;
 float:left;
}

.menu01 a{
 width:142px;
 height:25px;
 padding-top:10px;
 background-image:url('../images/menu01_off.jpg');
 background-repeat:no-repeat;
 color:#9fc238;
 display:block;
 text-decoration:none;
}

.menu01 a:hover{
 background-image:url('../images/menu01_on.jpg');
 background-repeat:no-repeat;
 color:#9fc238;
}


.menu02 {
 font-size:10pt;
 font-weight:bold;
 text-align:center;
 float:left;
}

.menu02 a{
 width:139px;
 height:25px;
 padding-top:10px;
 background-image:url('../images/menu02_off.jpg');
 background-repeat:no-repeat;
 color:#9fc238;
 display:block;
 text-decoration:none;
}

.menu02 a:hover{
 background-image:url('../images/menu02_on.jpg');
 background-repeat:no-repeat;
 color:#9fc238;
}


.menu03 {
 font-size:10pt;
 font-weight:bold;
 text-align:center;
 float:left;
}

.menu03 a{
 width:139px;
 height:25px;
 padding-top:10px;
 background-image:url('../images/menu03_off.jpg');
 background-repeat:no-repeat;
 color:#cc5520;
 display:block;
 text-decoration:none;
}

.menu03 a:hover{
 background-image:url('../images/menu03_on.jpg');
 background-repeat:no-repeat;
 color:#cc5520;
}

.submenu {
 width:840px;
 margin:0 auto;
}

.submenu div {
 width:139px;
 font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
 font-size:small;
 float:left;
}
*/
/*--------------- BASIC FORMAT ------------------*/

#container {
 width: 1000px;
 margin: 0 auto;
 background-color:#fff;
}

#docs {
    width:960px;
 	margin:10px auto;
}

#foot {
 font-size:small;
 color:#fff;
 width:1000px;
 padding-top:5px;
 margin:0 auto;
    background-color:756a57;
}

.foot_company {
    color:#fff;
    font-size:large;
    font-weight:bold;
    line-height:150%;
}

#footinfo {
    width:480px;
    float:left;
    padding:10px;
    color:#fff;
    font-size:medium;
    
}

#copyright {
    font-size:small;
    color:#fff;
    width:470px;
    float:right;
    text-align:right;
    margin-top:55px;
    margin-right:10px;
}




/**** this CSS tags for "top page"****/
/*=======================================*/
.catch {
    font-size:large;
    text-align:center;
    line-height:140%;
    font-weight:bold;
    margin:20px 0;
}

.due {
    float:left;
    width:480px;
}

.mono {
    float:left;
    width:270px;
}

.trio {
    font-size: 10pt;
    float:left;
    width:680px;
}


.ldocs {
    float:left;
    width:420px;
}

.rdocs {
    float:left;
    width:235px;
}

.dll {
    float:left;
    width:425px;
    margin-top:30px;
    margin-left:15px;
}

.dlr {
    float:left;
    width:477px;
}
.dltxt {
    font-size:medium;
    line-height:150%;
    color:#5d3c15;
    margin:15px 0;
}

h2#prof{
    width:415px;
    background-color:#b46963;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_prof.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#service{
    width:435px;
    background-color:#ad6643;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_service.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#map{
    width:215px;
    background-color:#735029;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_map.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#exp{
    width:650px;
    background-color:#536312;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_exp.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

h2#feature{
    width:650px;
    background-color:#964755;
    padding-left:45px;
    padding-top:12px;
    color:#fff;
    font-size:medium;
    background-image:url('../images/ttlico_feature.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
}

.more {
    width:935px;
    background-color:#c4bb9c;
    padding:10px;
    color:#3f1600;
    font-size:medium;
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */
	margin-top:15px;
}

.dlbtn a{
    width:220px;
    background-color:#a21425;
    padding-left:100px;
    padding-top:12px;
    color:#fff;
    font-size:large;
    font-weight:bold;
    display:block;
    background-image:url('../images/ttlico_dl.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
    text-decoration:none;
    
}

.dlbtn a:hover{
    background-color:#ff8f1e;
}

table.data{
    width:430px;
border-collapse:collapse;
    
}

td.ttl01 {
    width:100px;
    vertical-align:top;
    
}

td.ttl02 {
    width:150px;
    vertical-align:top;
    
}

td.ttl03 {
    width:2em;
    vertical-align:top;
    
}
.gmap{
    width:252px;
    height:252px;
}



/**** this CSS tags for "top page Alubum"****/
/*=======================================*/
.photoAlbum {
	margin:40px auto;
	padding:0;
}
.photoAlbum h2#album {
position:relative;
	color:#fff;
	background: #ffa54f;
	border-radius:5px;
    padding-top:12px;
    padding-left: 53px;
    font-size:medium;
    height:26px;
    margin:10px 0;
    
}
.photoAlbum h2#album::before {
	content:url('../images/ttlico_album.png');
	position:absolute;
	top:0;
	left:8px;
}
.photoAlbum .flex-box {
	padding-top:5px;
}
.photoAlbum .d-flex {
	display:flex;
	justify-content:center;
	gap: 13px;
}
.photoAlbum .flex-box ul.photoItems {
	display: flex;
	flex-wrap: wrap;
    justify-content:space-between;
}
.photoAlbum .flex-box ul.photoItems > li {
	width: calc(100% / 2 - 12px);
	list-style: none;
	margin-left:0;
	margin-bottom: 20px;
	border:1px solid #fdba7b;
    border-radius: 2px;
}
.photoAlbum .flex-box ul.photoItems li img {
	max-width: 100%;
	vertical-align:middle;
	width: 220px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.10) 1.95px 1.95px 2.6px;
}
.photoAlbum .flex-box ul.photoItems li .photo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
    padding: 16px;
}
.photoAlbum .flex-box ul.photoItems li .photo .photo--caption {
    display: block;
    width: 100%;
}
.photoAlbum .flex-box ul.photoItems li .photo .photo--caption h4 {
    color:#222;
    margin-top: 10px;
    margin-bottom: 5px;
}
.photoAlbum .flex-box ul.photoItems li .photo .photo--caption p.comment {
    color:#222;
}