@charset "utf-8";
/*
 * Style Name   : カスタムスタイルシート
 * Style URI    : /css/custom.css
 * Description  : 詳細設定用スタイルシート
 * Version      : 1.0
 * Last Up Date : 2011-10-13
 * Author       : vanilla(CoolWebWindow)
 */

body {
   font-size:12px;
}

pre {
   font-size:12px;
}

dl {
}

dd {
   margin-left:1em;
   margin-bottom:1em;
}

li li {
   font-size:12px;
}


/**************************************/
/*             div#header             */
/**************************************/

/* サイト名 */
div#header h1 {
   margin-top:10px;
   padding:5px 10px;
}

div#header strong {
   font-weight:normal;
}

/* サイト説明文 */
div#header p.message {
   width:36em;
   margin:10px 0 5px 20px;
   padding:2px;
   font-size:11px;
   color:#fff;
   background-color:#9E9E9E;
   filter:Alpha(Opacity=80);
   opacity:.80
}

div#header p.message a {
   text-decoration:none;
   color:#fff;
}

div#header p.message a:hover {
   text-decoration:none;
   color:#0E0C3E;
}
/* ヘッダーナビ */
div#header ul.headNavi {
   position:absolute;
   top:0;
   right:10px;
   margin:0;
   padding:0;
}

div#header ul.headNavi li {
   font-size:11px;
   line-height:200%;
   list-style:none;
}

div#header ul.headNavi a {
   margin:0 10px 0 0;
   padding:2px 0 2px 20px;
   color:#000;
}

div#header ul.headNavi .rss {
   background:url(../image/icon/feed.gif) no-repeat 0 0;
}

div#header ul.headNavi .sitemap {
   background:url(../image/icon/sitemap.gif) no-repeat 0 0;
}

/* ヘッダーメニュー */
div#header div.headMenu {
   position:absolute;
   bottom:0;
   right:10px;
   font-size:11px;
   z-index:100;
}

div#header div.headMenu ul {
   margin:0;
   padding:0;
   display:block;
}

div#header div.headMenu li {
   display:block;
   float:left;
   list-style:none;
}

div#header div.headMenu ul a {
   float:left;
   margin:0 5px 0 0;
   padding:5px 10px;
   color:#fff;
   text-decoration:none;
   background: #ff6e6e;
}

div#header div.headMenu ul a:hover {
   background-color: #ee5959;
}

div#header div.headMenu li:hover > ul {
   display: block;
}

div#header div.headMenu li:hover {
   position:relative;
}

/* サブメニュー1段目 */
div#header div.headMenu ul ul{
   display:none;
   position:absolute;
   top:100%;
   left:0;
   z-index:1;
}

div#header div.headMenu li li {
   clear:both;
   font-size:11px;
   border-bottom:1px solid #f1f1f1;
}

div#header div.headMenu ul ul a {
   background-color: #333;
   width:150px;
}

/* サブメニュー2段目以降 */
div#header div.headMenu ul ul ul {
   top:0;
   left:100%;
   z-index:1;
}

/**************************************/
/*           div#navi_list            */
/**************************************/

/* パンくずリスト */
div#navi_list{
   font-size:11px;
   margin-bottom:10px;
}

/**************************************/
/*            div#contents            */
/**************************************/

div#contents {
   clear:both;
}

/* コラムリスト */
div#serchBox td{
   font-size:11px;
}

div#serchBox{
   padding:10px 0;
}

/**************************************/
/*              div#iNavi             */
/**************************************/
div#iNavi ul {
   list-style:none;
   margin:0;
   padding:0;
}

div#iNavi li {
   float:left;
   width:195px;
   margin:0;
   padding:0;
   margin-right:10px;
   font-size:11px;
   line-height:1.2;
}

div#iNavi li img{
   width:195px;
   height:120px;
   padding-bottom:3px;
}


/**************************************/
/*              div#main              */
/**************************************/
div#main a:hover {
   color:#500000;
   padding-bottom:2px;
   background:url(/image/underline.gif) bottom left repeat-x;
}

div#main p.notice {
   color:red;
   border:1px solid #999;
   padding:10px;
   background:#f1f1f1;
}

blockquote p{
   padding:5px;
   margin:0;
}

/*            main-index              */
/*=================================== */
/* 管理人からのお知らせ */
div#info {
   clear:both;
   position:relative;
   overflow:hidden;
   width:798px;
   height:14px;
   margin:10px 0;
   padding:5px;
   text-align:left;
   border:1px solid #ccc;
   background:#ffc;
   list-style:none;
}

div#info ul {
   margin:0;
   padding:0;
}

div#info li {
   position:absolute;
   list-style:none;
   font-size:10px;
}

/* トップページ コラム */
div#main div#ca_column h2 {
   clear:both;
   margin:0 0 5px 0;
   padding:20px 0 5px 60px;
   line-height:100%;
   font-family:Arial;
   font-size:188%;
   color:#500000;
   background:url(/images/ca_column.gif) bottom left no-repeat;
}

div#main div.columnDate {
   padding:2px 0;
   color:#999;
   font-size:11px;
   border-bottom:3px solid #500000;
}

div#main div.columnBody {
   font-size:12px;
   padding:3px 0;
}

div#main div.columnNext {
   text-align:right;
   font-size:12px;
}

div#main div.columnNext a {
   padding:3px;
}

div#main div.columnNext a:link {
   background:#ddd;
}

div#main div.columnNext a:visited {
   background:#ddd;
}

div#main div.columnNext a:hover {
   color:#fff;
   background:#500000;
}

/* google広告 */
div#main div.googlePR {
   clear:both;
   margin:20px 0 20px 0;
   padding:5px;
   border:1px dotted #ddd;
}

/* info */
div#main div#ca_info h2 {
   clear:both;
   margin:0 0 5px 0;
   padding:20px 0 5px 60px;
   line-height:100%;
   font-family:Arial;
   font-size:188%;
   color:#500000;
   background:url(/images/ca_info.gif) bottom left no-repeat;
}


/* テンプレート */
div#main div#ca_template h2 {
   clear:both;
   margin:0 0 5px 0;
   padding:20px 0 5px 60px;
   line-height:100%;
   font-family:Arial;
   font-size:188%;
   color:#500000;
   background:url(/images/ca_template.gif) bottom left no-repeat;
}

div#main div#ca_template h3.point1 {
   padding-left:50px;
   background:url(/img/point1.gif) 0 50% no-repeat;
   line-height:40px;
   font-size:16px;
   color:#FF306B;
}

div#main div#ca_template h3.point2 {
   padding-left:50px;
   background:url(/img/point2.gif) 0 50% no-repeat;
   line-height:40px;
   font-size:16px;
   color:#FF306B;
}

div#main div#ca_template h3.point3 {
   padding-left:50px;
   background:url(/img/point3.gif) 0 50% no-repeat;
   line-height:40px;
   font-size:16px;
   color:#FF306B;
}

div#main div#ca_template h3.point4 {
   padding-left:50px;
   background:url(/img/point4.gif) 0 50% no-repeat;
   line-height:40px;
   font-size:16px;
   color:#FF306B;
}

div#main div#ca_template h3.point5 {
   padding-left:50px;
   background:url(/img/point5.gif) 0 50% no-repeat;
   line-height:40px;
   font-size:16px;
   color:#FF306B;
}


div#main div#ca_template li {
   font-size:12px;
}

div#main div#ca_template p{
   font-size:12px;
   margin-bottom:1em;
}

div#main div.tempWrapper {
   margin-bottom:20px;
}

div#main ul.tempList {
   float:left;
   font-size:12px;
}

div#main div.tempImg {
   float:right;
}

div#main div.tempImg img{
   width:120px;
   height:65px;
   border:2px solid #ddd;
}

div#main div.tempImg img:hover{
   border:2px solid #D40000;
   background:none;
}

div#main div#ca_template div#templist {
float:left;
}

div#main div#ca_template div#templist ul{
float:left;
margin:0 0 20px 0;
padding:0;
}

div#main div#ca_template div#templist img{
vertical-align:bottom;
width:130px;
}

div#main div#ca_template div#templist li{
float:left;
list-style:none;
margin:5px;
}

div#main div#ca_template div#templist li a{
display:block;
border:2px solid #ddd;
margin:0;
padding:0;
}

div#main div#ca_template div#templist li a:hover{
background:none;
border:2px solid #D60000;
}


/* おすすめなサイト */
div#main div#ca_favoritesite h2{
   clear:both;
   margin:0 0 5px 0;
   padding:20px 0 5px 60px;
   line-height:100%;
   font-family:Arial;
   font-size:188%;
   color:#500000;
   background:url(/images/ca_favoritesite.gif) bottom left no-repeat;
}

div#main div.favoritesiteKnowhow {
   float:left;
   width:240px;
}

div#main div.favoritesiteKnowhow dt {
   font-size:12px;
}


div#main div.favoritesiteTemp {
   float:right;
   width:240px;
}


div#main div.favoritesiteTemp dt {
   font-size:12px;
}

div#main ul.favoritesite {
   margin-bottom:20px;
   padding:0;
   font-size:12px;
}

div#main ul.favoritesite li {
}

/* レンタルサーバ */
div#main div#ca_rental h2{
   clear:both;
   margin:0 0 5px 0;
   padding:20px 0 5px 60px;
   line-height:100%;
   font-family:Arial;
   font-size:188%;
   color:#500000;
   background:url(/images/ca_rental.gif) bottom left no-repeat;
}

div#main div#ca_rental p {
   font-size:12px;
}

div#main div#ca_rental div {
   margin:10px 0;
}

div#main div#ca_rental hr {
   margin:30px 0;
}



/* PR */
div#main div#ca_pr h2{
   clear:both;
   margin:0 0 5px 0;
   padding:20px 0 5px 60px;
   line-height:100%;
   font-family:Arial;
   font-size:188%;
   color:#500000;
   background:url(/images/ca_pr.gif) bottom left no-repeat;
}

div#main div#ca_pr li {
   font-size:12px;
}


/*           main-category            */
/*=================================== */

/* エントリーリスト */
div#main ul.categoryList {
   font-size:12px;
   line-height:2.0;
}

/* google広告 */
div#main div.categoryPR {
   padding:30px 0 20px 20px;
}

/*            main-entry              */
/*=================================== */

div#main .main_text h2 {
   clear:both;
   margin:0 0 5px 0;
   padding:3px 10px;
   font-size:100%;
   color:#fff;
   font-weight:bold;
   line-height:1.8;
   border-bottom:3px solid #511d18;
   background:url(/image/bg_h2.gif) bottom left no-repeat;
}

div#main .main_text h3 {
   clear:both;
   margin:1em 0 5px 0;
   padding:0 0 0 5px;
   font-size:88%;
   border-left:5px solid #ee5959;
   border-bottom:2px solid #ee5959;

}

div#main .main_text h3 a{
   color:#333;
}

div#main .main_text h3 a:visited {
   color:#333;
}

div#main .main_text h3 a:hover{
   color:#333;
   background:none;
}

div#main .main_text h4 {
   margin: 1em 0 0 0;
   padding:0 0 0 23px;
   clear:both;
   font-size:12px;
   background:url(/image/bg_h4.gif) bottom left no-repeat;
}

div#main .main_text h5 {
   margin: 1em 0 0 0;
   padding:0;
   clear:both;
   font-size:12px;
}

/* 本文 */
div#main .main_text p {
   padding-bottom:1em;
   font-size:12px;
}

div#main .main_text th,
div#main .main_text td {
   font-size:12px;
}

div#main .main_text ul {
   margin:0 0 1em 1em;
   padding:0;
}

div#main .main_text ul li {
   padding-left:15px;
   font-size:12px;
   background:url("/image/bg_li.gif") 0 7px no-repeat;
   list-style:none;
}

div#main .main_text ul li li {
   font-size:100%;
}

div#main .main_text ol {
   margin:0 0 1em 2em;
   padding:0;
}

div#main .main_text ol li {
   font-size:12px;
}


/*           column-index             */
/*=================================== */

/* コラム */

div#column h2 {
   margin:0 0 3px 0;
   padding:0 0 2px 0;
   border-bottom:1px dotted #999;
   font-size:14px;
}

div#column h2 a{
   color:#333;
}

div#column h2 a:visited{
   color:#333;
}

div#column h2 a:hover{
   color:#333;
   background:none;
}

div#column div.columnMore h3 {
   clear:both;
   margin:1em 0 0 0;
   padding:0 0 0 23px;
   font-size:14px;
   background:url(/image/bg_h3.gif) top left no-repeat;

}

div#column div.columnMore h4 {
   margin:0.5em 0 0 0;
   font-size:12px;
}

div#column div.columnMore h5 {
   margin:0.5em 0 0 0;
   font-size:12px;
}
/*div#column a[href^="http://"]:after,
div#column a[href^="https://"]:after {
   content:url(/image/icon_otherlink.gif);
   padding:2px;
}

div#column a[href^="http://www.coolwebwindow.com"]:after,
div#column a[href^="https://www.coolwebwindow.com"]:after {
   content:"";
}

*/

div#column a img {
border:3px solid #999;
}

div#column a:hover img {
border:3px solid #666;
}

div#column a:visited {
   color:#B20079;
}

html>/**/body div#column a:hover {
   color:#500000;
   padding-bottom:2px;
   background:url(/image/underline.gif) bottom left repeat-x;
}


* html div#column a:hover {
   border-bottom:2px solid #FF1C5A;
}

*:first-child+html div#column a:hover {
   border-bottom:2px solid #FF1C5A;
}

div#column div.columnMore ul {
   margin-bottom:1em;
}

/* コラムの日付 */
div#column div.columnDate {
   padding:2px 0 5px 18px;
   color:#999;
   font-size:12px;
   background:url(/image/icon/page_white_text.gif) no-repeat 0 4px;
}

/* コラムの続きへ */
div#column div.columnNext {
   margin:5px 0 20px 0;
   text-align:right;
   font-size:12px;
}

div#column div.columnNext a {
   padding:2px;
}

div#column div.columnNext a:link {
   background:#ddd;
}

div#column div.columnNext a:visited {
   background:#ddd;
}

div#column div.columnNext a:hover {
   color:#fff;
   background:#500000;
}

/* コラム概要（3行分） */
div#column div.columnBody {
   font-size:12px;
}

/* コラム本文（メイン） */
div#column div.columnMore {
   font-size:12px;
   margin-top:1em;
}

div#column div.columnMore p {
   margin-bottom:1em;
}

div#column div.columnMore li {
   margin-bottom:1em;
}

/* XHTML ソースコードサンプル */
div#column div.columnMore div.sourceXHTML,
div#column div.columnMore pre.sourceXHTML {
   width:480px;
   overflow: auto;
   margin-bottom:1em;
   padding:5px;
   background:#F1F1F1 url(/image/text_xhtml.gif) 100% 0 no-repeat;
   border:1px dotted #999;
}


/* CSS ソースコードサンプル */
div#column div.columnMore div.sourceCSS,
div#column div.columnMore pre.sourceCSS {
   width:480px;
   overflow:auto;
   margin-bottom:1em;
   padding:5px;
   background:#F1F1F1 url(/image/text_css.gif) 100% 0 no-repeat;
   border:1px dotted #999;
}

/* JS ソースコードサンプル */
div#column div.columnMore div.sourceJS,
div#column div.columnMore pre.sourceJS {
   width:480px;
   overflow: auto;
   margin-bottom:1em;
   padding:5px;
   background:#F1F1F1 url(/image/text_js.gif) 100% 0 no-repeat;
   border:1px dotted #999;
}

div#column div.columnMore pre {
   margin:0;
   padding:0;
   font-size:12px;
}

/* Feedアイコン表示 */
div#column div.columnMore .feed {
background:url(../image/icon/feed.gif) no-repeat 0 8px;
padding:8px 0 5px 20px;
}

/* トラックバックURI */
div#column div.columnFootDate {
   margin:10px 0 30px 0;
   color:#999;
   font-size:11px;
   text-align:right;
   border-top:1px solid #999;
}

/* トラックバックURI */
div#column div.techstuff {
   margin:20px 0;
   font-size:12px;
}

div#column div.techstuff input {
   border:1px solid #999;
}

/* トラックバックリスト */
div#column div.trackbackList {
   margin:20px 0;
   font-size:12px;
}

/* 前後のエントリーリスト */
div#column div.columnEntryNavi {
   margin:20px 0;
   font-size:12px;
   text-align:center;
}

/* ページ分割 */
div#column div.pagePart {
   padding:20px 0;
   font-size:12px;
}

/* エントリーリスト */
div#column div.entryListButtom {
   padding-bottom:25px;
}

div#column div.entryListButtom h2 {
   font-size:13px;
}

div#column div.entryListButtom ul {
   margin:0;
   padding:0;
}

div#column div.entryListButtom li {
   margin:0;
   padding:2px 0 3px 18px;
   background:url(/image/icon/page_white_text.gif) no-repeat 0 4px;
   line-height:180%;
   font-size:10px;
   list-style:none;
}

/* コラム用テーブル */
div#column table {
   width: 485px;
   margin-bottom: 30px;
   border: 1px solid #ccc;
   border-collapse: separate;
   border-spacing: 1px;
}

div#column th {
        padding: 5px;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background-color: #E1E2E6;
}

div#column td {
   padding: 5px;
   border-right: 1px solid #ccc;
   border-bottom: 1px solid #ccc;
   background-color: #EFF2F3;
}

div#column dt {
color:#005A00;
font-weight:bold;
}

div#column dd {
margin:0;
padding-bottom:1em;

}

div#main .temp_rule {
   margin:10px 0 30px 0;
   text-align:center;
}

div#main .temp_rule a:hover {
   background:none;
}


/**************************************/
/*          div#topSideNavi           */
/**************************************/

div#topSideNavi h2 {
   font-size:13px;
}

/* クライドナインテンプレート */
div#topSideNavi div.proTemp p {
   font-size:10px;
}

div#topSideNavi div.proTemp h2 {
   margin-bottom:3px;
   padding:3px 3px 3px 26px;
   background:#FFB8E0 url("/images/pin.gif") 3px 3px no-repeat;
}

div#topSideNavi div.proTemp h3 {
   font-size:10px;
   text-align:center;
}

div#topSideNavi div.proTemp .photo {
   text-align:center;
}

div#topSideNavi div.proTemp .pra {
   padding-top:10px;
}

div#topSideNavi div.proTemp .text {
   padding-bottom:10px;
   border-bottom:1px dotted #999;
}

div#topSideNavi .cTpl {
   margin-top:10px;
   padding:3px;
   border:1px solid #ddd;
   background:#f1f1f1;
}

div#topSideNavi .cTpl p.link {
   margin:10px;
   text-align:center;
}

div#topSideNavi .cTpl em{
   font-style:normal;
   background:yellow;
}


/* コラムリスト */
div#topSideNavi div.columnList {
   clear:both;
   margin-bottom:25px;
}

div#topSideNavi div.columnList ul {
   margin:0;
   padding:0;
}

div#topSideNavi div.columnList li {
   padding:2px 0 3px 18px;
   background:url(/image/icon/page_white_text.gif) no-repeat 0 4px;
   border-bottom:1px dashed #ddd;
   line-height:180%;
   list-style:none;
   font-size:10px;
}

/* お気に入りリスト */
div#topSideNavi div.favoriteList {
   clear:both;
   margin-bottom:25px;
}

div#topSideNavi div.favoriteList ul {
   margin:0;
   padding:0;
}

div#topSideNavi div.favoriteList li {
   padding:2px 0 3px 18px;
   background:url(/image/icon/icon_monitor_pc.gif) no-repeat 0 4px;
   border-bottom:1px dashed #ddd;
   line-height:180%;
   list-style:none;
   font-size:10px;
}

/* 検索エンジン */
div#topSideNavi div.searchEngine {
   clear:both;
}

div#topSideNavi p.searchEngineText {
   font-size:10px;
}

/* カテゴリーリスト */
div#topSideNavi div.categoryList {
   clear:both;
   margin-bottom:25px;
}


div#topSideNavi div.categoryList ul {
   float:left;
   width:130px;
   padding:0;
}

div#topSideNavi div.categoryList li {
   margin:0;
   padding:2px 0 3px 18px;
   background:url(/image/icon/folder.gif) no-repeat 0 4px;
   border-bottom:1px dashed #ddd;
   line-height:180%;
   font-size:10px;
   list-style:none;
}

/* エントリーリスト */
div#topSideNavi div.entryList {
   padding-bottom:25px;
}

div#topSideNavi div.entryList ul {
   margin:0;
   padding:0;
}

div#topSideNavi div.entryList li {
   margin:0;
   padding:2px 0 3px 18px;
   background:url(/image/icon/page_white_text.gif) no-repeat 0 4px;
   border-bottom:1px dashed #ddd;
   line-height:180%;
   font-size:10px;
   list-style:none;
}

div#topSideNavi ul.listspace li {
   margin-right:8px;
}

div#topSideNavi div.sideNaviPR p {
   font-size:12px;
}


div#topSideNavi div.awasete {
   margin-top:20px;
}


div#topSideNavi div.prText p{
   font-size:12px;
   margin-bottom:1em;
   background:#f1f1f1;
   padding:2px;
   }

div#topSideNavi div.jobboard {
   padding:15px 0;
}


/**************************************/
/*          div#footMenu            */
/**************************************/
div#footMenu {
   float:left;
   width:730px;
   padding:30px 50px;
   background:#FF8FCB url(/img/bg_footmenu.gif) 100% 100% no-repeat;
}

div#footMenu .wrap {
   float:left;
   padding-right:40px;
}

div#footMenu h2 {
   font-size:82%;
}

div#footMenu ul{
   margin:0;
   padding:0;
}

div#footMenu li {
margin-left:20px;
   font-size:12px;
list-style:cercle;
}

div#footMenu a{
color:#333;
}

div#footMenu a:hover{
color:#fff;
text-decoration:underline;
}

/**************************************/
/*          div#footerMenu            */
/**************************************/

div#footerMenu {
   color:#ddd;
   font-size:12px;
   padding-bottom:30px;
   border-bottom:1px solid #ddd;
}

div#footerMenu div.footerMenuLeft {
   float:left;
   width:395px;
}

div#footerMenu div.footerMenuLeft h3 {
   margin:0;
   font-size:188%;
   font-weight:bold;
   color:#7F7F7F;
}


div#footerMenu div.profileLeft {
   float:left;
   width:70px;


}

div#footerMenu div.profileRight {
   float:right;
   width:300px;
}

div#footerMenu div.profileRight dl {
   margin:0;
   padding:0;
}

div#footerMenu div.profileRight dd {
margin-left:5em;
margin-top:-1.4em;
}

div#footerMenu img.me {
margin:5px;
border:1px solid #ddd;
}


div#footerMenu div.footerMenuRight {
   float:right;
   width:395px;
}

div#footerMenu div.footerMenuRight h3 {
   margin:0;
   font-size:188%;
   font-weight:bold;
   color:#7F7F7F;
}

/**************************************/
/*         div#footerindex            */
/**************************************/
div#footerIndex {
}

div#footerIndex img {
   padding:0 5px 5px 0;
}

div#footerIndex h3{
   color:#fff;
   padding-left:10px;
}

div#footerIndex p {
   color:#fff;
   font-size:12px;
   padding-left:10px;
}

div#footerIndex div.section1{
float:left;
width:510px;
}

div#footerIndex div.section1 a{
   color:#ddd;
}

div#footerIndex div.section1 a:hover{
   color:#fff;
}

div#footerIndex div.section2{
   float:right;
   width:250px;
   padding:10px;
}

div#footerIndex div.section2 p{
   font-size:12px;
   line-height:1.4;
}

div#footerIndex div.section3{
   float:left;
   width:160px;
   padding:10px;

}

div#footerIndex address {
font-size:63%;
   color:#FD3699;
   clear:both;
   padding:30px 10px 10px 10px;
}

div#footerIndex address a{
   color:#FD3699;
}

div#footerIndex address a:visited{
   color:#FD3699;
}

div#footerIndex address a:hover{
   color:#fff;
}

div#footerImages {
   width:270px;
   height:150px;
   position:absolute;
   bottom:-70px;
   left:600px;
   background:transparent url(../images/bg_footer.png) left bottom no-repeat;
   
}

* html div#footerImages{
   behavior: expression(IEPNGFIX.fix(this));]
}

/**************************************/
/*            div#footer              */
/**************************************/

div#footer {
   color:#ddd;
   font-size:10px;
   text-align:center;
   padding:30px 0 20px 0;
}

div#footer a {
   color:#fff;
}

/**************************************/
/*            div#totop               */
/**************************************/
div#totop {
   font-size:10px;
}

div#totop a {
   padding:3px 3px 3px 15px;
   color:#fff;
   background:#ff6e6e url(/image/bg_totop.gif) 3px 6px no-repeat;
}


/*====================================*/
/*              column                */
/*====================================*/
.source {
   width:480px;
   overflow:auto;
   margin-bottom:1em;
   padding:5px;
   border:1px dotted #999;
   background:#f1f1f1;
}

div#main .column_more {
   margin-top:1em;
}

.tempTable    {margin:10px 0 10px 0;}
.tempTable th {width:120px;vertical-align:top;}
.tempTable td {vertical-align:top;padding-left:10px;}
.tempImg      {padding-bottom:5px;}


.temp_table {
   margin-bottom:1.5em;
}

.temp_table th img {
   border:1px solid #ddd;
   vertical-align:top;
}

.temp_table th img a{
   border:0;
}

.temp_table th {
   vertical-align:top;
   padding-right:1em;
   line-height:1.6;
   text-align:left;
   font-size:12px;
}

.temp_table td {
   vertical-align:top;
   line-height:1.6;
   font-size:12px;
}

.temp_table td img {
   margin-bottom:3px;
}

* html body .temp_table dl dd div{
   display:inline-block;
}

.temp_table dl {
   margin:0;
   padding:0;
}

.temp_table dl dt {
   float:left;
   width:7em;
}

.temp_table dl dd {
   margin-left:7em;;
   padding-left:0;
}

.temp_table dd.sample {
   background:url(/temp/img/icon/icon_search.gif) 0 3px no-repeat;
   padding-left:18px;
}

.temp_table dd.download {
   background:url(/temp/img/icon/icon_download.gif) 0 3px no-repeat;
   padding-left:18px;
}


.temp_table td.image img {
   border:1px solid #ddd;
   vertical-align:top;
}

.temp_table td.info {
   vertical-align:top;
   padding-left:20px;
}

.temp_table td.info dl {
   font-size:12px;
}

.temp_table td.info dd {
   margin-bottom:0;
   font-size:12px;
}


/* ======================== */
/*        myBookMark        */
/* ======================== */
table.bookmarkTable {
   width:100%;
   background:#666;
   margin-bottom:2em;
}

table.bookmarkTable thead th {
   width:70%;
   padding:3px;
   border-top:1px solid #fff;
   background:#f1f1f1;
   text-align:left;
}

table.bookmarkTable thead td {
   width:30%;
   padding:3px;
   border-top:1px solid #fff;
   background:#ddd;
   text-align:right;
}

table.bookmarkTable tbody td {
   padding:3px;
   border-top:1px solid #fff;
   background:#fff;
   text-align:left;
}

/* ======================== */
/*         利用規約         */
/* ======================== */
div#contents div#main .main_text .maru,
div#contents div#main .main_text .batu {
margin:0;
padding:0;
}

div#contents div#main .main_text .maru li{
   background:url(/img/maru.gif) 0 3px no-repeat;
   padding-left:20px;
   list-style:none;
}

div#contents div#main .main_text .batu li{
   background:url(/img/batu.gif) 0 3px no-repeat;
   padding-left:20px;
   list-style:none;
}
   
/* ======================== */
/*       サイトマップ       */
/* ======================== */
div#sitemap dl {
}

div#sitemap dt {
}
div#sitemap dd {
   margin-left:1em;
   margin-bottom:20px;
}

/* ======================== */
/*       Fxプラグイン       */
/* ======================== */

div.fxPrag {
   border-left:8px solid #ddd;
   padding:0;
   padding-left:8px;
   margin-bottom:2.5em;
}

div.fxPrag p {
   margin:2px;
}

/* ======================== */
/*      コラム20070503      */
/* ======================== */

.table20070503 {
   margin-bottom:1em;
   border-collapse:collapse;
}

.table20070503 th{
   padding:3px;
   border:1px solid #333;
}

.table20070503 td{
   padding:3px;
   border:1px solid #333;
}


/**************************************/
/*            よくある質問            */
/**************************************/
.qa dt {
   padding:5px;
   margin-bottom:5px;
   font-size:12px;
   background:#FFAED6;
}

.qa dd {
   margin:0;
   padding:0 0 0 10px;
}

.qa span.code {
   color:green;
}

.qa span.attention {
   color:red;
}


/**************************************/
/*                 PR                 */
/**************************************/
div#pr {
padding-top:10px;
background:#f1f1f1;
}

div#pr dl {
text-align:center;
   font-size:10px;
padding-bottom:5px;
border-bottom:1px solid #fff;
}

div#pr dt {
margin-bottom:5px;
}

div#pr dd {
margin:0;
margin-bottom:10px;
}


/**************************************/
/*               PARTS                */
/**************************************/
div#main .main_text .overlayWrap {
   float:left;
   height: 200px;
   display: block;
   margin:0 15px 30px 0;
}

div#main .main_text .overlayWrap .overlay {
    width: 240px;
    height: 200px;
    display: block;
    background: rgba(255,255,255,0.9) url("/images/bg_overlay.png") repeat;
    position: absolute;
    opacity: 0;
    border: 3px solid #999;
}


div#main .main_text .overlayWrap .link {
   list-style-type: none;
   margin: 0;
   padding:0;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 130px;
   height: 64px;
   margin: -32px 0 0 -65px;
}

div#main .main_text .overlayWrap .link li {
   margin: 0 auto;
   padding:0;
   background:none;
}

div#main .main_text .overlayWrap .preview,
div#main .main_text .overlayWrap .download {
   display: block;
   font-family:"メイリオ" , sans-serif;
   font-size:14px;
   font-weight:bold;
   text-indent: 30px;
   line-height: 27px;
   color: #fff;
   text-decoration:none;
   text-transform: uppercase;
   text-shadow: rgba(0,0,0,0.15) 0 -1px 0;
   opacity: 1;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   background: #EE5959 url("/images/icons.png") no-repeat;
}

 div#main .main_text .overlayWrap a:hover {
 padding:0;
   background: #EE5959 url("/images/icons.png") no-repeat;
 }
 
 div#main .main_text .overlayWrap .preview {
   background-position: 3px 3px
}

div#main .main_text .overlayWrap .download {
    background-position: 3px -22px;
    margin-top: 10px;
}

div#main .main_text .overlayWrap .preview:hover,
div#main .main_text .overlayWrap .download:hover {
    opacity: 0.8;
    -webkit-animation-name: animation;
    -webkit-animation-duration: 0.25s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
   background: #EE5959 url("/images/icons.png") no-repeat;
}

 div#main .main_text .overlayWrap .preview:hover {
   background-position: 3px 3px
}

div#main .main_text .overlayWrap .download:hover {
    background-position: 3px -22px;
    margin-top: 10px;
}

@-webkit-keyframes animation {
   from {
      -webkit-transform: scale(1);
      opacity: 1.0;
   }
   50% {
      -webkit-transform: scale(1.05);
      opacity: 0.9;
   }
      to { -webkit-transform: scale(1) }
   }
   
   
/**************************************/
/*             PARTS LONG             */
/**************************************/
div#main .main_text .overlayWrapLong {
   float:left;
   display: block;
   margin-bottom:30px;
}

div#main .main_text .overlayWrapLong .overlay {
   width: 504px;
   display: block;
   background: rgba(255,255,255,0.9) url("/images/bg_overlay.png") repeat;
   position: absolute;
   opacity: 0;
   border: 3px solid #999;
}


div#main .main_text .overlayWrapLong {
   width: 510px;
   height: 46px;
   position:relative;
   overflow:hidden;
}

div#main .main_text .overlayWrapLong .link {
   position:relative;
   left:50%;
   float:left;
   list-style-type: none;
   margin:0;
   padding:0;
   padding-top:7px;
}

div#main .main_text .overlayWrapLong .link li {
   position:relative;
   left:-50%;
   float:left;
   width: 130px;
   height: 33px;
   line-height:40px;
   background:none;
}

div#main .main_text .overlayWrapLong .preview,
div#main .main_text .overlayWrapLong .download {
   display: block;
   font-family:"メイリオ" , sans-serif;
   font-size:14px;
   font-weight:bold;
   text-indent: 30px;
   line-height: 27px;
   color: #fff;
   text-decoration:none;
   text-transform: uppercase;
   text-shadow: rgba(0,0,0,0.15) 0 -1px 0;
   opacity: 1;
   border-radius: 50px;
   -webkit-border-radius: 50px;
   -moz-border-radius: 50px;
   background: #EE5959 url("/images/icons.png") no-repeat;
}

 div#main .main_text .overlayWrapLong a:hover {
 padding:0;
   background: #EE5959 url("/images/icons.png") no-repeat;
 }
 
 div#main .main_text .overlayWrapLong .preview {
   background-position: 3px 3px
}

div#main .main_text .overlayWrapLong .download {
    background-position: 3px -22px;
}

div#main .main_text .overlayWrapLong .preview:hover,
div#main .main_text .overlayWrapLong .download:hover {
    opacity: 0.8;
    -webkit-animation-name: animation;
    -webkit-animation-duration: 0.25s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-transition: opacity 0.1s linear;
    -moz-transition: opacity 0.1s linear;
    -o-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
   background: #EE5959 url("/images/icons.png") no-repeat;
}

 div#main .main_text .overlayWrapLong .preview:hover {
   background-position: 3px 3px
}

div#main .main_text .overlayWrapLong .download:hover {
    background-position: 3px -22px;
}

@-webkit-keyframes animation {
   from {
      -webkit-transform: scale(1);
      opacity: 1.0;
   }
   50% {
      -webkit-transform: scale(1.05);
      opacity: 0.9;
   }
      to { -webkit-transform: scale(1) }
   }
   
.twitter-share-button {
height:62px;
}