@charset "utf-8";

/* html,body{ background-color:#e8e8e8; } */
body{ background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/body_bg.gif); background-repeat: repeat-x; color:#333333;}
#container{ background-color: #FFFFFF; width: 865px; margin:0 auto; padding:0 15px 0 15px; background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/body_bg.gif); background-repeat: repeat-x; }
#header{ margin: 0px; padding: 0px; }
#contents{}
#footer{}


/* header area */
#header{margin:0; padding:0; position:relative; height:125px; display:blocks;} 
#header_inner { height: 70px; margin: 0px; padding: 0px; }
#header h1{ margin: 0px; padding: 0px; }
#header h2{ font-size: 12px; line-height: 18px; font-weight: normal; color: #666666; letter-spacing: 0.1em; padding: 5px 0 0 0; margin: 0; }

/*
#header #g_nav{ height: 55px; margin: 0px; padding: 0px; }
#header #g_nav_inner{}
#header #g_nav ul{ margin: 0px; padding-top: 10px; }
#header li{ display: block; }
#header #g_nav li,#header #g_nav a:link,#header #g_nav a:visited,#header #g_nav a:active{float: left; list-style-type: none; font-size: 16px; line-height: 20px; font-weight: bold; color:#FFFFFF; padding: 5px 5px 3px 5px; margin:0 5px 0 0;}
#header #g_nav a:hover{ color: #FFCC99; text-decoration: none; }
#header #g_nav a.nav-path-selected{ border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }

*/

/*グローバルナビ---------------------*/
/*ナビ背景画像*/


#g_nav{margin:0 ; padding:0;}



#nav_bg {
	height: 55px;
	background: url(http://tokyogak.coop/themes/coop_tokyogak/images/nav_img2.gif) no-repeat;
	position:absolute;
	top:70px;
	left:0px;
	width: 865px;
	
	margin:0;
	padding:0;
}

ul#nav { padding:0; margin:0;}

ul#nav li {
	float: left;
	text-indent: -9999px;
	list-style:none;
}
ul#nav li a {
	display: block;
	height: 55px;
	background: url(http://tokyogak.coop/themes/coop_tokyogak/images/nav_img2.gif) no-repeat;
	text-decoration: none;
	overflow: hidden;
}
current_pg, current_pg a {
	background: url(http://tokyogak.coop/themes/coop_tokyogak/images/nav_img2.gif) no-repeat;
}
/*背景画像の幅*/
ul#nav li#nav_home      { width:  84px; }
ul#nav li#nav_about     { width: 165px; }
ul#nav li#nav_news      { width: 99px; }
ul#nav li#nav_product   { width:  128px; }
ul#nav li#nav_life      { width:  128px; }
ul#nav li#nav_tokuten   { width: 148px; }
ul#nav li#nav_contact   { width: 112px; }

/*背景画像の位置*/
ul#nav li#nav_home a      { background-position:    0px 0px; }
ul#nav li#nav_about a     { background-position:  -84px 0px; }
ul#nav li#nav_news a      { background-position:  -249px 0px; }
ul#nav li#nav_product a   { background-position:  -348px 0px; }
ul#nav li#nav_life a      { background-position:  -476px 0px; }
ul#nav li#nav_tokuten a   { background-position:  -604px 0px; }
ul#nav li#nav_contact a   { background-position:  -752px 0px; }

/*背景画像 hoover時の位置*/
ul#nav li#nav_home a:hover        { background-position:     0px 100%; }
ul#nav li#nav_about a:hover       { background-position:   -84px 100%; }
ul#nav li#nav_news a:hover        { background-position:  -249px 100%; }
ul#nav li#nav_product a:hover     { background-position:  -348px 100%; }
ul#nav li#nav_life a:hover        { background-position:  -476px 100%; }
ul#nav li#nav_tokuten a:hover     { background-position:  -604px 100%; }
ul#nav li#nav_contact a:hover     { background-position:  -752px 100%; }

/*「current-page」表示位置*/
ul#nav li#nav_home.current_pg     { background-position:     0px 100%; }
ul#nav li#nav_about.current_pg    { background-position:   -84px 100%; }
ul#nav li#nav_news.current_pg     { background-position:  -249px 100%; }
ul#nav li#nav_product.current_pg  { background-position:  -348px 100%; }
ul#nav li#nav_life.current_pg     { background-position:  -476px 100%; }
ul#nav li#nav_tokuten.current_pg  { background-position:  -604px 100%; }
ul#nav li#nav_contact.current_pg  { background-position:  -752px 100%; }

/*「current-page」表示位置*/
ul#nav li#nav_home.current_pg a      { background-position:     0px 100%; }
ul#nav li#nav_about.current_pg a     { background-position:   -84px 100%; }
ul#nav li#nav_news.current_pg a      { background-position:  -249px 100%; }
ul#nav li#nav_product.current_pg a   { background-position:  -348px 100%; }
ul#nav li#nav_life.current_pg a      { background-position:  -476px 100%; }
ul#nav li#nav_tokuten.current_pg a   { background-position:  -604px 100%; }
ul#nav li#nav_contact.current_pg a   { background-position:  -620px 100%; }









/* big image area */
#big_image{ margin:10px 0 5px 0}
#big_image a:link,#big_image a:visited,#big_image a:active{ color:#333333;}
#big_image a:hover{ color:#ff6633; text-decoration:underline;}

/* contents area */
#contents{ padding:10px 0 20px 0; margin:0}


#main_inner h1{
	background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/midashi_bg.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	line-height: 35px;
	height: 35px;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
}
#main_inner h2{ font-size: 14px; font-weight: bold; color: #333333; background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/stripe010.gif); background-repeat: repeat; letter-spacing: 0.1em; line-height: 24px; margin:10px 0 10px 0; padding:0 10px; border: 3px solid #e8e8e8; }
#main_inner h3{ background-color: #FFCCCC; font-size: 12px; line-height: 22px; font-weight: bold; color: #333333; letter-spacing: 0.1em; margin:10px 0; padding:0 10px 0 10px }
#main_inner p{ font-size:14px; line-height: 22px; margin:0 0 5px 0; padding:0 10px; }
#main_inner a:link, #main_inner a:visited,#main_inner a:active{ color:#333333; text-decoration: underline; margin:0 3px 0 3px; }
#main_inner a:hover{ color: #FF6633; text-decoration:underline; margin:0 3px 0 3px;}
#main_inner img{}

#main_inner h1.image_bg{margin:0 0 5px 0; padding:0; background:none; border:none;}

#sidebar_inner h1{ background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/stripe007.gif); background-repeat: repeat; font-size: 16px; font-weight: bold; color: #333333; border-bottom-width: 5px; border-bottom-style: solid; border-bottom-color: #FF6633; letter-spacing: 0.1em; line-height: 28px; margin:0 0 10px 0; padding:0 10px;}
#sidebar_inner h2{ font-size: 14px; font-weight: bold; color: #333333; background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/stripe010.gif); background-repeat: repeat; letter-spacing: 0.1em; line-height: 24px; margin:0 0 10px 0; padding:0 10px; border: 3px solid #e8e8e8; }
#sidebar_inner h3{ background-color: #FFCCCC; font-size: 12px; line-height: 22px; font-weight: bold; color: #333333; letter-spacing: 0.1em; margin:10px 0; padding:0 10px 0 10px }
#sidebar_inner p{font-size:12px; line-height: 20px; margin:0; padding:0 10px; }
#sidebar_inner a{ color: #FF6600; text-decoration: underline;}
#sidebar_inner img{}

#sidebar_inner ul{ margin-top: 10px; margin-bottom: 10px; padding: 0px; margin-right: 0px; margin-left: 0px; }
#sidebar_inner li{ list-style-type: none; font-size: 14px; background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/mark01.gif); background-repeat: no-repeat; background-position: 3px 9px; text-indent: 25px; line-height: 35px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #FFCC33; margin: 0px; padding: 0px; }
#sidebar_inner a:link,#sidebar_inner a:visited,#sidebar_inner a:active{ list-style-type: none; color: #333333; text-decoration: none; }
#sidebar_inner a:hover{ color: #FF3300; text-decoration: none; }


/* mx */

#main_left{ float: left; width: 645px; margin: 0px; padding: 0 0 10px 0; }
#sidebar_right{ float: right; width: 200px; margin: 0px; padding: 0 0 10px 0; }



/* xm */

#main_right{ float: right; width: 645px; margin: 0px; padding: 0 0 10px 0; }
#sidebar_left{ float: left; width: 200px; margin: 0px; padding: 0 0 10px 0; }


/* mx_mm */

#main_left{ float: left; width: 645px; margin: 0px; padding: 0 0 10px 0; }
#sidebar_right{ float: right; width: 200px; margin: 0px; padding: 0 0 10px 0; }
#main_left #col1{ background-color: #F3F3F3; width:205px; float:left; border: 1px solid #cdcdcd; padding: 0px; margin:5px 0 0 0;}
#main_left #col2{ background-color: #F3F3F3;  width:205px; float:left; border: 1px solid #cdcdcd; padding: 0px; margin:5px 0 0 10px;}
#main_left #col3{ background-color: #F3F3F3;  width:205px; float:right; border: 1px solid #cdcdcd; padding: 0px; margin:5px 0 0 0;}
.col_inner{ width:195px; margin:0; padding:5px 0 0 2px;}
#col1 img,#col2 img,#col3 img{ margin-bottom:5px;}

/* xm_mm */

#main_right{ float: right; width: 645px; margin: 0px; padding: 0 0 10px 0; }
#sidebar_left{ float: left; width: 200px; margin: 0px; padding: 0 0 10px 0; }
#main_right .col1{ width:315px; float:left;}
#main_right .col2{ width:315px; float:right;}


/* full */

#main_full{ width: 865px; margin: 0px; padding: 0 0 10px 0; }
#main_full h1{
	background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/midashi_bg_865.gif);
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	line-height: 35px;
	height: 35px;
	margin:0 0 10px 0;
	padding:0 0 0 15px;
}
#main_full p{ font-size:12px; line-height: 20px; margin:0; padding:0 10px; }


/* footer area */
#footer{ margin: 0px; padding: 0px; }
#footer_inner{}
#footer_inner #foot_menu_main{ width: 700px; margin-right;165px; }
#footer_inner #foot_menu_sub{ float: left; width: 700px; }
#footer_inner a:link,#footer_inner a:visited,#footer_inner a:active{ font-size: 12px; line-height: 20px; color: #333333; }
#footer_inner a:hover{ color: #FF0000; text-decoration: underline; }
#footer_inner #top_btn,#footer_inner #top_btn a{ float: right; margin: 0px; padding: 0px;}
#footer_inner #foot_bar{ height: 10px; width: 865px; background-color: #e8e8e8; margin: 0px; padding: 0px; }
#footer_inner ul{ margin: 0px; padding: 0px; }
#footer_inner li{ list-style-type: none; background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/mark01.gif); background-repeat: no-repeat; padding: 0px; float: left; background-position: 2px; text-indent: 20px; margin:5px 10px 0 0;}
#footer p,#footer a{ font-size: 12px; 0.1em; margin: 0px; padding:0 0 7px 0;}
#footlogo{ margin-top: 10px;}

/* form  */


#miniSurveyView154{ padding:20px; background-image:url(http://tokyogak.coop/themes/coop_tokyogak/images/stripe011.gif); background-repeat:repeat;}
#miniSurveyView154 table{ width:600px; background-color:#FFFFFF; margin:0 auto; padding:0;}

/* page list */
.ccm-page-list-title02{ background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/mark01.gif); background-repeat: no-repeat; padding: 0px; font-size: 14px; text-indent: 25px; background-position: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCCCCC; margin:10px 20px 10px 10px; color: #333333; font-weight: normal; line-height: 40px; letter-spacing: 0.1em; }

.ccm-page-list-title_top{background-image: url(http://tokyogak.coop/themes/coop_tokyogak/images/mark01.gif); background-repeat: no-repeat; padding: 0px; font-size: 14px; text-indent: 25px; background-position: 5px; margin:10px 20px 5px 10px; color: #333333; font-weight: nomal; line-height: 30px; }


#ccm-page-list-tokyo a:link,
#ccm-page-list-tokyo a:visited,
#ccm-page-list-tokyo a:active{color:#FF3300; text-decoration:none; font-weight: bold;}
#ccm-page-list-tokyo a:hover{color:#FF3300; text-decoration:underline;}



.ccm-page-list-description_top{ margin:0 10px;}
.ccm-page-list-description_top_inner{ background:#eeeeee; padding:10px; border-color:#cccccc; border-style:solid; border-width: 1px;}
}