@charset "UTF-8";
body{
	width : 770px ;
	background-image : url(img/bgimg.png) ;
	background-position : center ;
	background-repeat : repeat-y ;
	margin-right : auto ; margin-left : auto ;
}

img{
	border : 0px ;
}

/* ▼ページヘッダー部分の設定__________________________________▼ */
div#page_header{
	margin : 0px ; padding : 0px ;
}

div#company_info{
	margin : 0px ; padding : 0px 10px ;
}

div#global_nav *{
	width : 770px height : 40px ;
	margin : 0em ; padding : 0em ;
}

div#global_nav ul{
	background-image : url(img/global_nav_bg.png) ; background-position : 0px 0px ; background-repeat : no-repeat ;
	list-style-type : none ;
	width : 770px ; height : 40px ;
	margin : 0em ; padding : 0em ;
	display: flex;
	justify-content: space-between;
}

div#global_nav li, div#global_nav a{
	display : block ; float : left ;
	width : 128px ; height: 40px ;
	margin : 0em ;
	text-indent : -9999px ;
	text-decoration : none ;
	background-image : url(img/global_nav.png) ; background-repeat : no-repeat ;
}

#home a{background-position : 0px 0px;}
#products a{background-position : -128px 0px;}
#delivery a{background-position : -256px 0px;}
/* #lecture_genki a{background-position : -384px 0px;} */
#service a{background-position : -384px 0px;}
#company a{background-position : -512px 0px;}
#contact a{background-position : -640px 0px;}

#home a:hover{background-position : 0px -40px;}
#products a:hover{background-position : -128px -40px;}
#delivery a:hover{background-position: -256px -40px;}
/* #lecture_genki a:hover{background-position: -330px -40px;} */
#service a:hover{background-position: -384px -40px;}
#company a:hover{background-position: -512px -40px;}
#contact a:hover{background-position: -640px -40px;}

div#top_title{
	margin : 0px ; padding : 0px ;
}


div#page_info h1{
	color : #000000 ; font-size : 150% ; font-weight : bold ;
	font-family : "游明朝" , YuMincho , "ヒラギノ明朝 ProN W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif;
	text-indent : 1em ;
	background-image : url(img/page_info1.png) ; background-repeat : no-repeat ;
	width : 770 px ; height : 40px ; /*【要修正】背景画像に合わせてサイズ調整する */
	margin : 30px 0px 0px 0px ;
}
div#page_info p{
	color : #ffffff ; font-size : 100% ; font-weight : normal ;
	font-family : -apple-system , BlinkMacSystemFont , "Helvetica Neue" , "游ゴシック" , YuGothic , "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , メイリオ , Meiryo , "ＭＳ Ｐゴシック" , "ＭＳ ゴシック" , sans-serif ;
	text-indent : 1.5em ;
	background-image : url(img/page_info2.png) ; background-repeat : no-repeat ;
	width : 770 px ; height : 85px ; /*【要修正】背景画像に合わせてサイズ調整する */
	margin : 0px ; padding : 1em 0em ;
}

div#page_info p a{
	font-size : 100% ; font-weight : normal ; text-decoration : underline ;
	color : #ffffff ;
}

/* ▲ページヘッダー部分の設定__________________________________▲ */



/* ▼ページボディ部分の設定（TOPページ）_______________________▼ */
div#page_body_top{
	margin : 0em ; padding : 10px ;
}

div#page_body_top p{
	text-align : center ;
}

/* ▲ページボディ部分の設定（TOPページ）_______________________▲ */
#page_body_top a:hover{
	filter : alpha(opacity=80) ; opacity : 0.8;
}


/* ▼ページボディ部分の設定（パターン１）______________________▼ */
/* パターン１：ローカルナビゲーションなし */
div#page_body_p1{
	margin : 0px ; padding : 10px ;
}

/* ▲ページボディ部分の設定（パターン１）______________________▲ */



/* ▼ページボディ部分の設定（パターン２）______________________▼ */
/* パターン２：ローカルナビゲーションあり① */
div#page_body_p2{
	margin : 0px ; padding : 10px ;
}

div#page_body_p2 div#contents_title{
	float : right ;
	width : 540px ;
}

div#page_body_p2 div#contents{
	clear : right ;
}
/* ▲ページボディ部分の設定（パターン２）______________________▲ */



/* ▼ページボディ部分の設定（パターン３）______________________▼ */
/* パターン３：ローカルナビゲーションあり② */
div#page_body_p3{
	margin : 0px ; padding : 10px ;
}

div#page_body_p3 div#contents{
	float : right ;
	width : 540px ;
	min-height: 400px;
}
div#page_body_p3 hr{
	visibility : hidden ;
	clear : right ;
}
/* ▲ページボディ部分の設定（パターン３）______________________▲ */


/* ▼#local_navの設定（パターン２・３共通）____________________▼ */
div#local_nav{
	float : left ;
	width : 200px ;
}

div#local_nav ul{
	font-size : 110% ;
	list-style-type : none ;
	margin : 0px ; padding : 0px ;
}

div#local_nav ul li{
	font-family : -apple-system , BlinkMacSystemFont , "Helvetica Neue" , "游ゴシック" , YuGothic , "ヒラギノ角ゴ ProN W3" , "Hiragino Kaku Gothic ProN" , メイリオ , Meiryo , "ＭＳ Ｐゴシック" , "ＭＳ ゴシック" , sans-serif ;
	text-align : center ;
	border-bottom : solid 2px #22b14c ;
	padding : 0.5em ;
}

div#local_nav ul li::before{
	content : "【" ;
}

div#local_nav ul li::after{
	content : "】" ;
}

div#local_nav ul li a{
	color : #000000 ; font-weight : bold ; text-decoration : none ;
}

div#local_nav ul li a:hover {
	color : #22b14c ; font-weight : bold ; text-decoration : none ;
}

/* ▲#local_navの設定（パターン２・３共通）____________________▲ */



/* ▼ページフッダー部分の設定__________________________________▼ */
div#page_footer{
	margin : 0px ; padding : 0px ;
}

div#group_info{
	margin : 0px ; padding : 0px 10px ;
}

div#sitemap{
	background-image : url(img/footer_line.png) ; background-repeat : no-repeat ;
	text-align : center ;
	clear : right ;
	padding-top : 10px ;
}

div#sitemap ul li{
	display : inline ;
	padding : 0em 0.5em ;
}

div#copyright{
	text-align :center ;
}

/* ▲ページフッダー部分の設定__________________________________▲ */



/* ▼その他共通部分の設定______________________________________▼ */
.float_left{float:left;}
.float_right{float:right;}
.clear_right{clear:right;}


/* ▲その他共通部分の設定______________________________________▲ */