* {
    border: medium none;
    margin: 0;
    padding: 0;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

@font-face {
	font-family : "baby blocks regular";
	src : url('babyblocks.ttf') format('truefont');
}

html, body {
    height: 100%;
    min-height: 100%;
}

#main_container {
	width:100%;
    height: 100%;
    min-height: 700px;
    min-width: 1024px;
    overflow: hidden;
}

#header {width : 100%; height : 120px; margin-left:10px; }
#title_area {float:left; margin-top:10px; text-align:right;}
#title_logo {width: 900px; height:auto;  font-size:200%; font-family:"baby blocks"; color : #83C31F; text-decoration: none;}
#menu_bar {width :900px; height:32px; margin-top:10px;}
.menu_item {position:relative;width:auto; height:auto; float:right;cursor:pointer;vertical-align: bottom;}
.on {display:none;}
#menu_line {width:900px; height:5px; background:#83C31F;}

#fablab_logo {width:90px; height:90px; float:right; margin-right:20px; margin-top:10px;}



#fotter {width :100%; height : 180px; background : #83C31F; color:#fff; overflow:hidden;}
#fotter a { color: #333333; text-decoration: none; }
#fotter #fotter_content { height: 90%; width: 100%; }
.l {float: left;margin-left: 20px;}

#sns {float: right;}
.line {background: #FFFFFF;height: 1px;width: 98%; margin:auto; margin-top:20px;}
.footer_block {width:auto; min-width:50px;height:100%; float:left; font-size:70%; list-style:none; margin:20px 10px;}
.footer {list-style:none; margin-right:40px;}
#adress {margin-left: 40px;}
#cc {width : 180px; line-height:1.4em; font-size:60%;}
#cc a {width:100%;}
.social {margin-bottom:30px;}
.r { float: right;}
/*
.fotter_colume ul {list-style: none outside none; width:auto; margin-right:40px;}
.credit_block {float: left;font-size: 70%;height: auto;margin-right: 5px;margin-top: 10px;width: 30%;}
.credit_block li {margin-bottom: 10px;}
.credit_block p {line-height: 1.2em;}
.credit_block .social div {margin: auto;}
.social { padding: 5px 0;}
#cc {font-size: 60%;}
#cc_image {padding-top:10px;}
#credit table {width : 100%; font-size:70%;}
*/

#content {width : 100%; height : auto; overflow:hidden; position:relative;}
#slide_container {width : 1000%; height:auto; overflow:hidden; position:absolute;}
.page_content {width:100%; height:100%; min-height:100%; position:absolute;}
.datile_view {width:100%; height:50%; position:relative; }
.container_view{width:100%;height:50%; position:relative;}
#about_page {width : 70%; margin: 3% auto; font-size:90%; color:#666; line-height:1.8em;text-align:justify;}
.about_entry {font-size:120%; color:#83C31F;}
.datile_image_container{margin:auto; width:300px; height:100%; vertical-align: bottom; vertical-align: middle;}
.datile_explanation_image {width:300px; height:auto; margin-top:30%; vertical-align: bottom;}