
<?php
/* bw バージョンとの違い注意！  */
/* yakugo3-style.cssなどでinclude されている */


include_once("smartphone.php");
$defaultFonts = "'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif";
// http://d.hatena.ne.jp/n-yuji/20130225/p1
$defaultFontsEng = "'Times New Roman', Times, serif";

if (isSmartPhone()) {
  include_once("dictjuggler-style-mbl.css");
}
else {
  doPc();
}

function doPc() {

  $topAreaHeight = "60"; // "40";

  $radius = "5px";
  $radiusSmall = "4px";
  $radiusTiny = "3px";
  $buttonFontSize = "normal";
  $buttonFontSizeSmall = "small";
  $buttonFontSizeTiny = "x-small";
  
  $leftMargin = "1rem";

print <<< ENDCODE

/* dictjuggler-style.css */
* {
  margin:0;
  padding:0;
}

body {
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
 /* line-height: 150%;   山岡さんの要望で、出典との間を広げようと思うが、ちょっと難しい*/
}


#page-top-title {
  margin: 5px 0px 0px 0px;
  border-top: 2px solid #5BCCD0;
  border-bottom: 2px solid #5BCCD0;
  padding: 3px 20px;
  color: #000000;
}


h3 {
     margin: 30px 40px 10px 20px;
     border-style: solid;
     border-width: 0px 0px 1px 15px;
     border-color: #61CCCE; 
     padding-left: 10px;
     }

p {
     margin-left: 30px;
     margin-right: 20px;
     padding-right: 50px;
}		 

		 
ul {
    margin-left: 30px;
    margin-right: 30px;
}

li {
    margin-left: 30px;
    margin-right: 30px;

}
		 
a {
  text-decoration: none;
}

a:hover {
    color: teal;
/*    text-decoration: underline; */
    background-color: #FFF;
  }
a:active {
/*   color: teal; */
   color: #F90;
   text-decoration: underline;
  }


/* いつも表示されるタイトルと検索フォーム、それに（外部）辞書ボタン */
#pageTopTitleWithSearchField {
    font-family: "メイリオ","Meiryo", 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6', serif;
    background-color: #6AC2C3;
    position: fixed; 
    left: 0;
    top: 0;
    width: 100%;
    padding: 1px 0px 2px 0;
    z-index: 10;
}

#pageTopTitleWithSearchField a:hover {
    background-color: #0FE;
    color: #000;
}


#djlogo {
  width: 1rem;
  height: 1rem;
  margin-left: 10.2cm;
}

#topTitle {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', "メイリオ","Meiryo",  Osaka, serif;
    font-size: 16pt;
    padding: 4px 2px 2px 2px;
/*    font-weight: bold;*/
    margin-left: 0.2cm;
    font-weight: bold;
    text-shadow: 3px 3px 8px #fff;
    color: #000;
    border-radius: 7px;
}

#topTitle a {
    color: black;
}

#{$GLOBALS['topSearchFieldId']} {
    margin-top: 4px;
    margin-left: 1cm;
    margin-right: 0;
    width: 20rem;
    font-size: 14pt;
}


#topSpaceForFixedSearchForm {
}

#topMessage {
  margin: 1rem;
}


#copyright {
    margin: 5px 0px 0px 0;
    border-top: 2px solid #5BCCD0;
    padding: 0px 20px 10px 20px;
    color: #555555;  /*  #AAA600; */
    font-size: x-small;

}

.searchForm p {
  margin: 0;
}
#usage {  /* usage.html 以外では表示する。usageではこの定義を上書きして消す */
	text-decoration: underline;
}


.side-column {
    /* position: absolute;  */
    /* position: fixed;  */
    float: right; 
    width: 180px;  
    text-align: center; 
    margin: 5px 0px 0px 20px; padding: 0px 0px 100px 10px; background-color: #CDDFA1; /* #74D4D5;*/
    }

.search-ad-box {
    position: absolute; 
/* IE 6 で fixedがうまく動作しない
   position: fixed;
*/
    top: 0px;
    right: 0px;
    width: 180px; 
    /*height: ; */
    margin: 0px 0px 0px 0px;
    background-color: #4A64C6;
    padding: 5px 5px 5px 10px;
/* height: 5000px; */
}


.body-text {
  margin-right: 180px;
}


.search1 {
    width: 20px;
    text-align: center;
    }

.search2 {
    width: 20px;
    text-align: center;
    }

.searchForm {
    border-width: 0px;
    border-color: #aaa;
    border-style: solid;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #E8EAFC;   /* #CDDFA1; */
    margin: 0px;  /* 右コラムは .side-clumn参照 180px */
}

.adWide, .adHorizontal, .horizontalAd {
    border-width: 0px;
/*    background-color: #000; */
    border-color: #aaa;
    border-style: solid;
    margin: 1rem {$leftMargin};
/*    margin-right: 200px;
    margin-left: 1cm;
    margin-top: 5px;
  */
/*  white-space: nowrap;  */

    }

.adRectangle, .rectangleAd {
  margin: 2em 0em 1em 0.5em;
/*  white-space: nowrap;  */
}


.shutten {
    font-size: 8pt;
    width: 20em;
    }

.idiomTrans {
   color: #039;
}


/*
例文と出典
a bushy spray of elm-stump suckers: ニレの切り株から勢いよく芽吹いた若枝
べーカー著岸本佐知子訳『フェルマータ』 白水uブックス120ページ（The Fermata）
*/

.du {
    margin-bottom: 0.1cm;
}

/* 出典*/

.ref {  /* reference */
   font-size: 10pt;
}

/* 訳語リストと詳細リストの間 他の辞書で辞書引き */
#detailSeparator {
    margin: 0.2cm 1cm 0.5cm 1.5cm;
    padding: 0.2cm 2cm 0.2cm 0.5cm;
    border-style: solid;
    border-width: 1px;
    border-color: #888;
}


  /* other dictionary link ボタン */
.odlSpeEng, .odl, .odlSpe, .odlSpeClear, .odlInt, .odlSmall, .odlIntSmall, .odlTiny, .odlIntTiny {
  font-family: "Hiragino Kaku Gothic ProN", Osaka, "ヒラギノ角ゴ Pro W6", "Meirio", san-serif;
  font-weight: 900;
  padding: 2px;
  font-size: {$buttonFontSize};
  line-height: {$buttonFontSize};
  color: #fff;
  text-decoration: none;
/*    background-color: #00C; */
  background-color: #192777;
  border-width: 2px;
  border-style: solid;
  border-color: #5E8367;
  border-radius: {$radius};
  margin-left: 0.5rem;
}

.odlSmall, .odlIntSmall {
    font-size: {$buttonFontSizeSmall};
    font-weight: 300;
    border-radius: {$radiusSmall};
 }

.odlTiny, .odlIntTiny {
    background-color: white;
    color: black;
    font-size: {$buttonFontSizeTiny};
    font-weight: 300;
    border-radius: {$radiusTiny};
 }


.odlInt { 
    background-color: #00D;
}


.odlSpeEng, .odlSpe {
  background-color: #C0F;
  padding-left: 0.3rem;
  padding-right: 0.3rem;
}


.odlsuf { /* suffix like Th2 */
    font-family: Helvetica, san-serif;
    vertical-align: sub;
/*    font-size: 6pt;*/
    font-size: {$buttonFontSizeTiny};
		cursor: pointer;
}

.originalBanner {
    margin: 3px 1.5cm; 
    width: 640px;
    padding: 10px 0.5cm 10px 0.5cm;
    background-color: purple;
/*    background-color: #0FF; */
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    border-style: solid;
    border-color: #888;
    border-width: 3px;
}

.originalBannerBook {
    margin: 3px 3px 3px 20px; 
    width: 712px;
    height: 80px;
    padding: 2px 10px 10px 0px;
    background-color: purple;
/*    background-color: #0FF; */
    color: #FFF;
/*    font-weight: bold; */
/*    font-size: 12pt; */
    cursor: pointer;
    border-style: solid;
    border-color: #888;
    border-width: 3px;
}


/*　今の所、訳語辞典からの類語（英語もあり）の参照 */
.dictlink, .dictLink, .dictLinkE {
    margin-left: 6px;
    padding: 1px;
    color: white;
    background-color: #78BC4E;
}

.aboutLink {
    font-size: 12pt;
}

.topNoticeBoard {
    font-size: smaller;
    margin: 20px 0px 20px 0px;
    padding: 5px 5px 5px 30px;
    border-width: 1px 0px 1px 0px;
    border-color: #002C68;
    text-align: left;
    background-color: #FFECF6; /* 薄いピンク */ 
}

#mainContent {
    margin-top: 20px;
}

#remoteLink {  /* for debug */
  top: 1cm;
  right: 0;
  position: fixed;
  z-index: 10;
}

.snsTopRight {
    position: absolute; 
    right: 0;
    top: 10px;
    padding-right: 0;
    margin-right: 0;
    z-index: 0;
}

ENDCODE;

if (isTapDevice()) {
  print <<< ENDCODE
.odlSpeEng, .odl, .odlSpe, .odlInt, .odlSmall, .odlIntSmall, .odlTiny, .odlIntTiny, .odlSpeClear {
    margin-left: 0.2rem;
  }

ENDCODE;

}


print <<<ENDCODE
@media screen and (max-width: 1000px) {
  .snsTopRight {
	  display: none;
  }
}

ENDCODE;

} // doPc
?>