@charset "utf-8";
/*
Theme Name: Jindai Template
Theme URI: http://www.priqia.com
Author: PRIQIA
Author URI: http://www.priqia.com
Description: Twenty Eleven 1.3ベースの神奈川大学生活協同組合専用テンプレート
Version: 1.3
License: GNU General Public License
License URI: license.txt
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}

body {
	background-image : url("images/header_bg.jpg");
    background-repeat : repeat-x;
    background-position-x: 0%;
    background-position-y: 0%;
    height : 100%;
	font-size: 13px;

}

a{
    outline : none;
}
a img {
	border: medium none;
}
ol, ul {
	list-style: none;
}
div#wrapper{
    width : 980px;
    margin : 0 auto 0 auto;
    position: relative;
}
#left-side-banner {
position:absolute;
top: 170px;
left: -10px;
}
#right-side-banner {
position:absolute;
top: 170px;
right: -20px;
}


/*head部*/



div#header{
    width : 980px;
    font-size : 12px;
    padding-top : 20px;
    padding-bottom : 5px;
    color : #ffffff;
	position:relative;
}

div#head_left{
    width : 400px;
    float : left;
}
div#head_right{
    width : 580px;
    float : left;
}
#head_right ul{
    padding-left : 100px;

}
#head_right li{
    float : left;
    margin-right : 15px;
}
li#h_li01 a{
    background-image : url("images/header_mark_01.png");
    background-repeat : no-repeat;
    padding-left : 15px;
}
li#h_li02 a{
    background-image : url("images/header_mark_02.png");
    background-repeat : no-repeat;
    padding-left : 15px;
}
#head_right_top {
	float: right;
}
#head_right_top a:link{
    color : #ffffff;
    text-decoration : underline;
}
#head_right_top a:hover{
    color : #ffffff;
    text-decoration : none;
}
#head_right_top a:visited{
    color : #ffffff;
    text-decoration : underline;
}
.search_form{
    float : left;
	padding: 0 5px;
}
#search02{
    padding-top : 3px;
}

#main_visual {
	margin-bottom: 15px;
}


#head_right li#h_li01,li#h_li02{
    padding-top : 5px;
    padding-left : 5px;
}

#contact{
	height:31px;
	left: 385px;
	position: absolute;
	top: 70px;
	width: 120px;
}
#kyosai_contact{
	height:31px;
	left: 510px;
	position: absolute;
	top: 70px;
	width: 180px;
}


#tel{
    float : right;
}
#head_left h1{
    padding-bottom : 25px;
}
#contact{
/*    padding : 30px 0 0 20px;*/
}

p#tel{
    padding : 15px 0 0 43px;
}




/*navi*/


#nav li{
    float : left;
    margin-bottom : 20px;
}


/* サイドバー */

div#right-bar{
    width : 200px;
    float : left;
}
div#left-bar{
    width : 220px;
    float : left;
}




/* コンテンツ部　*/


div#contents{
    width : 520px;
    margin-right : 20px;
    margin-left : 20px;
    float : left;
    font-size : 13px;
}

div#single-content{
    margin-bottom : 100px;
}

/*----animation news----*/
div#pickup{
    margin-top : 215px;
    width : 518px;
    border : solid 1px #9192CE;
    height : 40px;
}
div#pickup img{
    float : left;
    padding : 10px 10px 0 10px;
}
p#tracker{
    width : 405px;
    float : left;
    padding-top : 10px;
}
a#news_url:link{
    color : #000000;
    text-decoration : none;
}
a#news_url:visited{
    color : #000000;
    text-decoration : none;
}


/*------- slider ---------*/

#slides{
    margin: 0 auto;

}



div#news_area{
    clear : both;
}
#contents h3 {
	margin-bottom: 10px;
}


ul.news_block{
    list-style-type : none;
    font-size : 14px;
    border-bottom : 1px dotted #000000;
	margin-bottom: 10px;
	padding-bottom: 5px;
    overflow : hidden;
	max-height: 3.5em;
}
ul.news_block a{
    color : #000000;
	text-decoration:none;
}
ul.news_block a:hover{
	text-decoration:underline;
}

ul.news_block li{
    float : left;
    overflow : hidden;
    max-height : 3.5em;
}
li.li1{
    width : 85px;
}
li.li2{
    width : 95px;
}
li.li3{
    width : 340px;
}

li.li4{
    width : 415px;
}
br.clear{
   clear : both;
}

.to_content a:link{
    text-decoration : none;
}
.to_content a:hover{
    text-decoration : underline;
}

#social_btn_area li{
    float : left;
    padding : 15px 5px;
}




#hours{
    width : 520px;

}
#hours-wrap{
    width : 520px;
    height : 186px;
    background-image : url("images/bushiness_hours_bg.jpg");
    background-repeat : no-repeat;
}
#hours-wrap dl{
    margin-left : 20px;

}
#hours-wrap dt{
    font-weight : bold;
}
div#hours-list01{
    width : 173px;
    float : left;
}
div#hours-list02{
    width : 173px;
    float : left;
}
div#hours-list03{
    width : 173px;
    float : left;
}
dl.hours-list-top{
    margin-top : 20px;
}

dl.hours-list-under{
    margin-top : 30px;
    
}


/*トップ最新情報リンク*/
p.to_all{
    font-size : 10pt;
    text-align : right;
    margin-bottom : 40px;
}

p.to_all a{
    background-image : url("images/arrow.jpg");
    background-repeat : no-repeat;
    padding-left : 18px;

}

p.to_all a:link{
    text-decoration : underline;
}
p.to_all a:visited{
    color : #000000;
}
p.to_all a:hover{
    text-decoration : none;
}



/*フッター部*/

div#footer{
    clear : both;
    background-image : url("images/footer_bg_02.jpg");
    background-repeat : repeat-x;
    width : 100%;
    margin-top : 0;
    color : #ffffff;
    font-size : 12px;
}

#ft-content{
    width : 980px;
    padding-top : 40px;
    margin-left : auto;
    margin-right : auto;
}



#footer-img{
    width : 633px;
    margin-right : auto;
    margin-left : auto;
    margin-bottom : -27px;
}

div#back-top-area{
    width : 980px;
    height : 25px;
    text-align : right;
    margin-left : auto;
    margin-right : auto;
}

div#footer a{
    color : #ffffff;
    text-decoration : none;
}



div#ft-left{
    width : 390px;
    line-height : 2.5em;
    float : left;
}
div#ft-left ul{
    padding-top : 15px;
}
div#ft-center{
    float : left;
    width : 295px;
    line-height : 2.5em;
}
div#ft-right{
    float : left;
    width : 295px;
    line-height : 2.5em;
}
#ft-left h2 img{
/*    padding-bottom : 15px;*/
}
#ft-center h2 img{
/*    padding-bottom : 15px;*/
    padding-left : 30px;
}
#ft-border{
    height : 137px;
    border-top : 1px dotted #ffffff;
    border-right : 1px dotted #ffffff;
}

ul#ft-lst01{
    float : left;
    width : 194px;
}
ul#ft-lst02{
    float : left;
    width : 195px;
}
ul#ft-lst03{
    width : 200px;
    border-top : 1px dotted #ffffff;
    padding-left : 30px;
    padding-top : 15px;
}

#ft-border li a{
    background-image : url("images/footer_nav_mark.png");
    background-repeat : no-repeat;
    padding-left : 10px;
}
ul#ft-lst03 li a{
    background-image : url("images/footer_nav_mark.png");
    background-repeat : no-repeat;
    padding-left : 10px;
}





#ft-tel{
    float : left;
    background-color : #ffffff;
    width : 200px;
    height  : 180px;
    margin-bottom : 50px;
    margin-left : 80px;
    
}

#ft-tel ul{

    text-align : center;
}



#ft-bottom{
    width : 100%;
    background-image : url(images/footer_bg_03.jpg);
    background-repeat : repeat-x;
    height : 35px;
    font-size : 12px;
    color : #ffffff;
}
#ft-bottom-inner{
    width : 980px;
    margin : 0 auto;
}


#ft-bottom ul{
    padding-right : 50px;
}
#ft-bottom li{
    float : left;
    padding-left : 10px;
    padding-right : 10px;
    margin-top : 10px;
}
li.li_bdr{
    border-right : 1px solid #ffffff;
}
#ft-bottom address{
    padding-top : 10px;
    text-align : right;
}
#ft-content a:link{
    text-decoration : underline;
}
#ft-content a:hover{
    text-decoration : none;
}
#ft-bottom a:link{
    color : #ffffff;
    text-decoration : underline;
}
#ft-bottom a:visited{
    color : #ffffff;
}
#ft-bottom a:hover{
    text-decoration : none;
}



/* 営業時間詳細ページ */
#hours_area table{
    font-size : 14px;
    width : 500px;
    margin : 0 auto;
    border : 1px solid #000000;
    border-collapse : collapse;
}
#hours_area td{
    padding : 20px 30px;
    border : 1px solid #000000;
}
span.bold{
    font-weight : bold;
}
/* 投稿ページ */

dl.dl_fi{
    padding-bottom : 10px;
    margin : 0 auto;
	margin-bottom: 8px;
    border-bottom : 1px dotted #9192CE;
}
dl.dl_fi a:link{
    color : #000000;
    text-decoration : underline;
}
dl.dl_fi a:hover{
    text-decoration : none;
}
dl.dl_fi a:visited{
    color : #000000;
}


.entry-title {
	font-size: 18px;
	font-weight:bold;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-left: 5px;
}







/* =IE7
----------------------------------------------- */

#ie7 article.intro {
	margin-left: -7.6%;
	margin-right: -7.6%;
	padding-left: -7.6%;
	padding-right: -7.6%;
	max-width: 1000px;
}
#ie7 section.featured-post {
	margin-left: -7.6%;
	margin-right: -7.6%;
	max-width: 850px;
}
#ie7 section.recent-posts {
	margin-right: 7.6%;
}


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

#contents p {
	margin-bottom: 1.625em;
}
#contents strong {
	font-weight: bold;
}
#content h1 {
	font-size: 160%;
	font-weight: bold;
}
#content h2 {
	font-size: 140%;
	font-weight: bold;
}
#content h3 {
	font-size: 120%;
	font-weight: bold;
}
#content h4 {
	font-size: 110%;
}
#content h5 {
	font-size: 100%;
}
#content p {
	line-height:1.5em;
}

#content table {
	line-height:1.3em;
}

#content p.teikan {
	line-height:1.5em;
	padding-top:1em;
	padding-bottom:0.5em;
}

/* --------------------2012-11-30 広告用追加--------start---------------- */

#pr_banner {
	margin-bottom: 10px;
}

.pr_banner_txt {
	padding: 8px 3px;
	background: #effaff;
	text-align: center;
	line-height: 1.3;
}

.pr_banner_txt a,
.pr_banner_txt a:hover {
	color: #286bf3;
}
/* --------------------2012-11-30 広告用追加--------end---------------- */

/*簡易ロールオーバー
----------------------------------------------------------*/

.opacity a:hover img,
#banner_area ul li a:hover img,
#aside a:hover img,
#main_visual a:hover img,
#footer_contact a:hover img,
#pr_banner a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}