@charset "utf-8";

/*base
---------------------------*/
* { margin:0px; padding:0px; font-family : "qMmpS Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","lr oSVbN",sans-serif; }
body { color: #333333; font-size: 80%; line-height: 150%; }

/*link
---------------------------*/
a 			{ color: #333333; text-decoration: underline; }
a:link		{ color: #333333; text-decoration: underline; }
a:visited	{ color: #333333; text-decoration: underline; }
a:hover		{ color: #FF9900; text-decoration: underline; }
a:active	{ color: #FF9900; text-decoration: underline; }

/*title,p,img
---------------------------*/
h1,h2,h3,h4,h5,p { font-weight: normal; margin: 0px; padding: 0px; }
img { border:none; }
table{ font-size:100%; }

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/
.clear { clear:both; margin:0; padding:0; }
.imgr { float: right; margin-left: 20px; }
.imgl { float: left; margin-right: 20px; }
.mgn5 { margin-top: 5px; }
.mgn10 { margin-top: 10px; }
.mgn15 { margin-top: 15px; }
.mgn20 { margin-top: 20px; }
.mgn30 { margin-top: 30px; }
.mgn40 { margin-top: 40px; }
.mgn50 { margin-top: 50px; }
.smoll { font-size: 80%; }
.underline { text-decoration: underline; }
.red { color: #FF0000; }
.orange { color: #FF9900; }
.regular { font-size: 80%; font-weight: normal; color: #333333; }
.ListCenter { text-align: center; border-top: 1px dotted #666666; padding: 5px 0px; border-bottom: 1px dotted #666666; }

/*list,dl
---------------------------*/
ul { margin: 0px; padding: 0px; list-style-type: none; }
ul li { padding: 0px; margin: 0px; }
ol { padding: 0px; margin: 0px; list-style: decimal outside; }
ol li { padding: 0px; margin: 0px; }
dl { padding: 0px; margin: 0px; }
dt { padding: 0px; margin: 0px; }
dd { padding: 0px; margin: 0px; }


/*other
---------------------------*/
form { margin: 0px; text-align: left; }
input, textarea, select { text-align: left; }
iframe { border-style: none; }

/*clearfix
---------------------------*/
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{ overflow:hidden; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; overflow:visible; }
/* End hide from IE-mac */


/*全体を格納*/
#wrapper { margin: 0px auto; padding: 0px; width: 875px; }


/*ヘッダー*/
#header { width: 875px; margin: 0px; float: left; background-image: url(../images/bg_topimage.jpg); background-repeat: no-repeat; height: 444px; }
#header2nd { width: 875px; margin: 0px 0px 30px; float: left; }

#header #headline_wrap { width: 875px; margin: 0px 0px 15px; float: left; }
#header #headline_wrap h1 { text-align: left; font-size: 110%; line-height: 150%; float: left; margin: 15px 0px 0px 15px; }
#header #headline_wrap ul.listtop { margin: 15px 15px 0px 0px; float: right; }
#header #headline_wrap ul.listtop  li { display: inline; background:url(../images/listicon_aroow01.gif) no-repeat 0px 3px; padding-left:8px; list-style-image:none; line-height: 150%; margin-left: 5px; }
#header #headline_wrap ul.listtop  li a:link,
#header #headline_wrap ul.listtop  li a:visited { color:#FFFFFF; text-decoration: none; }
#header #headline_wrap ul.listtop  li a:hover,
#header #headline_wrap ul.listtop  li a:focus { color:#FF9900; text-decoration: none; }
#header #headline_wrap img { vertical-align: middle; }

#header2nd  #headline_wrap { width: 440px; margin: 0px; float: left; }
#header2nd  #headline_wrap h1 { text-align: left; font-size: 100%; margin: 15px 0px 0px; line-height: 125%; }
#header2nd  #headline_wrap p.logo { margin: 5px 0px 0px; }
#header2nd  #headline_navi  { width: 400px; float: right; }
#header2nd  #headline_navi ul.listtop { margin: 15px 15px 0px 0px; float: right; }
#header2nd  #headline_navi ul.listtop  li { display: inline; background:url(../images/listicon_aroow02.gif) no-repeat 0px 3px; padding-left:8px; list-style-image:none; line-height: 150%; margin-left: 5px; }
#header2nd  #headline_navi ul.listtop  li a:link,
#header2nd  #headline_navi ul.listtop  li a:visited { color:#333333; text-decoration: none; }
#header2nd  #headline_navi ul.listtop  li a:hover,
#header2nd  #headline_navi ul.listtop  li a:focus { color:#FF9900; text-decoration: none; }
#header2nd  #headline_navi img { vertical-align: middle; }


/*グローバルナビゲーション*/
#headernavi { float: left; width: 875px; }
ul#gnavi { height: 56px; float: left; margin: 0px; padding: 0px; }
ul#gnavi li { display: inline; }
ul#gnavi a { float: left; margin: 0px; padding: 0px; }


/*コンテンツエリア*/
#pan { width: 875px; float: left; margin: 10px 0px 0px; }
#contents { width: 875px; float: left; margin: 30px 0px 15px; border-bottom: 10px solid #333333; padding: 0px 0px 20px; }
#partners { width: 875px; float: left; margin: 0px; }
#leftzone { width: 650px; float: left; }
#rightzone { width: 200px; float: right; }
#pagetop { width: 875px; float: left; text-align: right; margin: 20px 0px 0px; }


/*CCFスタイルの特長*/
#top_left { width: 650px; float: left; margin-bottom: 30px; }
#top_left h2 { margin-bottom: 15px; }
#top_left table { width: 650px; }
#top_left table td { padding: 0px 0px 10px; margin: 0px; }


/*お知らせとCCF登録店情報*/
.top_menu { width: 650px; float: left; margin: 0px 0px 30px; }
.top_menuL { width: 315px; float: left; }
.top_menuL h2 { font-size: 135%; font-weight: bold; background-image: url(../images/bg_topmenu_h2.gif); background-repeat: no-repeat; height: 40px; padding: 10px 0px 0px 9px; margin-bottom: 10px; }
.top_menuL dl { width: 315px; }
.top_menuL dt { color: #FF6600; font-size: 90%; }
.top_menuL dd { font-size: 100%; line-height: 125%; margin: 0px 0px 15px; }
.top_menuL dd a:link,
.top_menuL dd a:visited { color:#333333; text-decoration: none; }
.top_menuL dd a:hover,
.top_menuL dd a:focus { color:#FF9900; text-decoration: none; }
.top_menuR { width: 315px; float: right; }
.top_menuR h2 { font-size: 135%; font-weight: bold; background-image: url(../images/bg_topmenu_h2.gif); background-repeat: no-repeat; height: 40px; padding: 7px 0px 0px 9px; margin-bottom: 10px; }
.top_menuR  dl { width: 315px; }
.top_menuR  dt { color: #FF6600; font-size: 90%; }
.top_menuR  dd { font-size: 100%; line-height: 125%; margin: 0px 0px 15px; }
.top_menuR dd a:link,
.top_menuR dd a:visited { color:#333333; text-decoration: none; }
.top_menuR dd a:hover,
.top_menuR dd a:focus { color:#FF9900; text-decoration: none; }
.top_menuLR { width: 650px; float: left; }
.top_menuLR h2 { font-size: 135%; font-weight: bold; background-image: url(../images/bg_topmenu_h2lr.gif); background-repeat: no-repeat; height: 40px; padding: 7px 0px 0px 9px; margin-bottom: 10px; }
.top_menuLR  ul { margin: 0px; }
.top_menuLR  ul li { margin: 0px 0px 12px; border-bottom: 1px dotted #CCCCCC; padding: 0px 0px 3px; }
.top_menuLR  .date { margin: 0px 15px 0px 0px; color: #666666; }
.top_menuLR  ul li a:link,
.top_menuLR  ul li a:visited { color:#333333; text-decoration: none; }
.top_menuLR  ul li a:hover,
.top_menuLR  ul li a:focus { color:#FF9900; text-decoration: none; }

#topblog { width: 315px; float: left; }
#topblog table { width: 315px; border-collapse: collapse; }
#topblog table td { text-align: left; font-size: 100%; padding: 5px 0px; vertical-align: top; }
#topblog a:link,
#topblog a:visited { color:#FF6600; text-decoration: underline; }
#topblog a:hover,
#topblog a:focus { color:#333333; text-decoration: none; }
.blog { padding: 15px 15px 5px 15px; border: 1px solid #bcbfc6; text-align: left; background: #fff; }
.blog ul { float: left; width:418px; }
.blog li { list-style: disc none outside; line-height: 1.2em; margin: 0 0 10px 15px; }

/*右バナー*/
#Rbanner { width: 200px; float: left; }
#Rbanner .bannerli01 { margin-bottom: 15px; }
#Rbanner .bannerli02 { margin-bottom: 2px; }

/*コンテンツ追加*/
#contentsList { margin: 0px 0px 50px; float: left; width: 650px; }
#contentsList ul { display: block; }
#contentsList li { display:block; float:left; width:200px; margin-right: 25px; }
#contentsList li.right { float: right; margin: 0px; }
.contentsListTxt { width:200px; color:#333333; font-size: 100%; line-height: 140%; text-align: left; }


/*共通*/
.kiji { width: 650px; margin: 0px 0px 40px; }
.kiji h2 { font-size: 130%; font-weight: bold; padding: 5px 10px; margin: 0px 0px 20px; border-bottom: 1px dotted #666666; line-height: 145%; border-top: 1px dotted #666666; }
.kiji p { font-size: 100%; line-height: 165%; }
.kiji .title { background-image: url(../images/bg_member_tl.gif); background-repeat: no-repeat; font-size: 110%; font-weight: bold; margin: 0px 0px 10px; padding: 0px 0px 0px 25px; background-position: 0px 4px; }
.kiji .prefecture { text-align: 30px; vertical-align: middle; margin: 25px 0px 0px; }
.kiji .sectionmap { margin: 25px 0px 0px; text-align: center; }
.kiji ul.merit { padding: 20px; width: 610px; _width: 650px; background-color: #EFEFEF; }
.kiji ul.merit li { background-image: url(../images/listicon_merit01.jpg); background-repeat: no-repeat; background-position: 0px 7px; padding: 0px 0px 0px 14px; }

.kiji .section_detail { width: 650px; float: left; margin: 30px 0px 0px; }
.kiji .section_detail .thumbnail { width: 218px; border: 1px solid #CCCCCC; text-align: center; padding: 2px; float: left; }
.kiji .section_detail .sectionHeader { width: 410px; float: right; }
.kiji .section_detail .sectionHeader h3 { font-size: 100%; float: left; width: 305px; _width: 320px; height: 30px; line-height: 30px; background-color: #000000; color: #FFFFFF; font-style: normal; font-weight: bold; padding-left: 15px; margin: 0px; }
.kiji .section_detail .sectionHeader a.detail { float: right; width: 90px; height: 30px; margin: 0px; }
.kiji .section_detail .sectionHeader .add { padding: 5px 0px 5px 15px; background-color: #EEEEEE; margin: 0px; width: 395px; _width: 410px; }
.kiji .section_detail .sectionHeader .sectionBody { width: 410px; margin: 15px 0px 0px; }

.kiji .member { width: 650px; float: left; margin: 0px 0px 40px; }
.kiji .member .thumbnail { width: 218px; border: 1px solid #CCCCCC; text-align: center; padding: 2px; float: right; margin: 0px 0px 10px 25px; }
.kiji .member .thumbnail2 { width: 218px; border: 1px solid #CCCCCC; text-align: center; padding: 2px; float: left; margin: 0px; }
.kiji .member .title { background-image: url(../images/bg_member_tl.gif); background-repeat: no-repeat; font-size: 110%; font-weight: bold; margin: 0px 0px 10px; padding: 0px 0px 0px 25px; background-position: 0px 4px; }
.kiji .member dl { float: right; width: 410px; }
.kiji .member dt { float: left; width: 100px; border-bottom: 1px solid #CCCCCC; margin-bottom: 12px; text-align: center; font-weight: bold; color: #666666; padding-bottom: 3px; }
.kiji .member dd { float: right; border-bottom: 1px dotted #CCCCCC; margin-bottom: 12px; width: 300px; padding-bottom: 3px; }
.kiji .member dd a:link,
.kiji .member dd a:visited { color:#333333; text-decoration: none; }
.kiji .member dd a:hover,
.kiji .member dd a:focus { color:#FF9900; text-decoration: none; }

.kiji .express { width: 650px; margin: 15px 0px 10px; float: left; }
.kiji .express table { width: 650px; margin: 0px; border: 1px solid #E6E6E6; border-collapse: collapse; }
.kiji .express table th { text-align: center; padding: 5px; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; font-weight: normal; width: 150px; background-color: #FFFFE1; }
.kiji .express table td { text-align: left; padding: 5px; border-top: 1px solid #E6E6E6; border-left: 1px solid #E6E6E6; }
.kiji .express p.txtcenter { text-align: center; margin: 30px 0px 0px; }
.kiji .express .inputbtn { margin: 0px 5px 0px 0px; vertical-align: middle; text-align: center; padding: 3px 5px; }

.kiji .catalog { margin: 0px 20px 0px 0px; float: left; border: 1px solid #666666; }

.kiji .ccfinfo { width: 610px; _width: 650px; background-color: #EFEFEF; margin: 5px 0px 25px; padding: 12px 20px; float: left; }
.kiji .ccfinfo dl { float: left; width: 610px; }
.kiji .ccfinfo dt { float: left; width: 330px; }
.kiji .ccfinfo dd { float: right; width: 270px; }

.kiji .company { width: 650px; margin: 0px; float: left; }
.kiji .company table { width: 650px; margin: 0px; border: 1px solid #CCCCCC; border-collapse: collapse; }
.kiji .company table th { text-align: left; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; font-weight: normal; width: 130px; background-color: #EFEFEF; }
.kiji .company table td { text-align: left; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }

.kiji .webcatalog { width: 650px; margin: 0px 0px 15px; }
.kiji .webcatalog table { width: 650px; border-collapse: collapse; margin: 0px 0px 20px; }
.kiji .webcatalog table th { text-align: left; width: 85px; }
.kiji .webcatalog table td { text-align: left; }

.kiji .faq { width: 650px; margin: 30px 0px 0px; }
.kiji .faq dl { float: left; width: 650px; }
.kiji .faq dt { float: left; width: 620px; text-align: left; font-weight: bold; color: #333333; background-image: url(../images/icon_faq01.gif); background-repeat: no-repeat; background-position: 0px 0px; margin: 0px 0px 10px; padding: 0px 0px 0px 30px; }
.kiji .faq dd { float: left; width: 620px; margin: 0px 0px 30px; background-image: url(../images/icon_faq02.gif); background-repeat: no-repeat; background-position: 0px 0px; padding: 0px 0px 0px 30px; }

.kiji .sitemap { width: 650px; margin: 0px; }
.kiji .sitemap ul { text-align: left; }
.kiji .sitemap ul li { background-image: url(../images/listicon_sitemap.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 15px; margin-bottom: 8px; }
.kiji .sitemap li a:link,
.kiji .sitemap li a:visited { color:#333333; text-decoration: none; }
.kiji .sitemap li a:hover,
.kiji .sitemap li a:focus { color:#FF9900; text-decoration: none; }

.kengakukai { width: 650px; margin: 0px; float: left; }
.kengakukai h2 { margin: 0px 0px 35px; }
.kengakukai h3 { border-bottom: 1px dotted #666666; padding: 0px 0px 4px; font-weight: bold; font-size: 115%; margin-bottom: 2em; }
.kengakukai h4 { font-size: 110%; font-weight: bold; }
.kengakukai p { margin-bottom: 1em; }
.kengakukai p.companytel { margin: 0px; }
.kengakukai ul { text-align: left; margin-bottom: 3em; }
.kengakukai ul li { background-image: url(../images/listicon_sitemap.gif); background-repeat: no-repeat; background-position: 0px 5px; padding-left: 15px; margin-bottom: 8px; }
.kengakukai li a:link,
.kengakukai li a:visited { color:#333333; text-decoration: none; }
.kengakukai li a:hover,
.kengakukai li a:focus { color:#FF9900; text-decoration: none; }
.kengakukaidate { width: 610px; float: left; background-color: #FFF4E6; padding: 12px 20px; margin: 20px 0px 0px; }
.photo { width: 650px; margin: 40px 0px 0px; float: left; }
.photo .photoL { width: 315px; float: left; }
.photo .photoR { width: 315px; float: right; }
#kengakukaimenu { width: 200px; float: left; margin: 0px 0px 30px; }
#kengakukaimenu .yearlyList { cursor: pointer; color: #333333; background-image: url(../images/listicon_sitemap.gif); background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 3px 15px; list-style: none; border-bottom: 1px dotted #333333; margin: 0px 0px 20px; }
#kengakukaimenu .yearlyList ol { color: #333333; text-decoration: none; list-style: none; }
#kengakukaimenu .yearlyList ol li { background-image: url(../images/listicon_sitemap.gif); background-repeat: no-repeat; background-position: 0px 5px; padding: 0px 0px 0px 15px; }
#kengakukaimenu .yearlyList a:link,
#kengakukaimenu .yearlyList a:visited { color:#333333; text-decoration: none; }
#kengakukaimenu .yearlyList a:hover,
#kengakukaimenu .yearlyList a:focus { color:#FF9900; text-decoration: none; }
#kengakukaimenu .backnumber { width: 200px; }
#kengakukaimenu .backnumber h4 { margin: 0px 0px 6px; }
#kengakukaimenu .backnumber ul { }
#kengakukaimenu .backnumber ul li { border-bottom: 1px dotted #333333; padding: 0px 0px 3px; margin: 0px 0px 8px; }
#kengakukaimenu .backnumber a:link,
#kengakukaimenu .backnumber a:visited { color:#333333; text-decoration: none; }
#kengakukaimenu .backnumber a:hover,
#kengakukaimenu .backnumber a:focus { color:#FF9900; text-decoration: none; }


/*CCFスタイル導入事例*/
.case { float: left; height: 126px; width: 650px; margin: 0px 0px 20px; }
.case  table { width: 650px; margin: 0px; }
.case  table th { text-align: left; padding: 10px; font-weight: normal; width: 230px; _width: 250px; background-color: #F3F3F3; }
.case  table th img { margin: 0px 1px 0px 0px; padding: 0px; }
.caseother { float: left; width: 650px; margin: 15px 0px 30px; }
.caseother h3 { font-size: 120%; font-weight: bold; margin: 0px 0px 15px; }
.caseother img { margin-right: 3px; margin-bottom: 3px; }
.caseother .hide { display: none; }
.caseother table { width: 640px; margin: 0px; }
.caseother  table td { text-align: left; width: 80px; height: 80px; }


/*パートナー様専用ページ*/
#partners h2 { font-size: 135%; font-weight: bold; background-image: url(../images/bg_partners_h2.gif); background-repeat: no-repeat; height: 40px; width: 875px; padding: 7px 0px 0px 13px; margin: 0px 0px 20px; }
#partners table { width: 875px; margin: 0px 0px 20px; border: 1px solid #CCCCCC; border-collapse: collapse; }
#partners table th { text-align: left; padding: 5px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; font-weight: normal; background-color: #F9F9F9; }
#partners table td { text-align: left; padding: 5px 10px 5px 25px; border-top: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; }
#partners table td img { margin: 0px 4px 0px 0px; vertical-align: middle; }
#partners a:link,
#partners a:visited { color:#333333; text-decoration: none; }
#partners a:hover,
#partners a:focus { color:#FF9900; text-decoration: none; }


/*フッター*/
#footer { float: left; width: 875px; padding: 0px 0px 30px; }
#footer p { text-align: left; font-size: 100%; }
#footer ul { margin: 0px 0px 10px; }
#footer ul li { display: inline; list-style-image:none; border-right: 1px solid #333333; padding-right: 8px; padding-left: 8px; }
#footer ul li a:link,
#footer ul li a:visited { color:#333333; text-decoration: underline; }
#footer ul li a:hover,
#footer ul li a:focus { color:#FF9900; text-decoration: underline; }